From f76047bcd1a35b4250cc9ca387c85688bb160acb Mon Sep 17 00:00:00 2001
From: ndricim <ndricim.rrapi@sap.com>
Date: Fri, 13 Mar 2020 13:19:27 +0100
Subject: [PATCH 1/2] Aligned splitview and centered arrow

---
 core/src/SplitView.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/core/src/SplitView.html b/core/src/SplitView.html
index 8b664c1f6e..8caf949d4b 100644
--- a/core/src/SplitView.html
+++ b/core/src/SplitView.html
@@ -307,8 +307,9 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 
 <style type="text/scss">
   $topNavHeight: 44px;
-  $leftNavWidth: 320px;
+  $leftNavWidth: 15em;
   $collapsedSplitviewHeight: 38px;
+  $collapsedSplitViewContainerHeight: 49px;
   $desktopMinWidth: 600px;
   $colorNeutral4: #89919a;
 
@@ -329,7 +330,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   }
 
   :global(.lui-collapsed.splitViewContainer) {
-    height: $collapsedSplitviewHeight;
+    height: $collapsedSplitViewContainerHeight;
     top: auto;
   }
 
@@ -369,14 +370,13 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 
   .lui-collapse-btn {
     width: 36px;
-    height: 20px;
+    height: 22px;
     background: white;
     position: absolute;
     left: 50%;
     margin-left: -12px;
     margin-top: -11px;
     text-align: center;
-    padding: 1px;
     border: 1px solid $colorNeutral4;
     border-radius: 4px;
     cursor: pointer;

From a8047f8eaff08ba5e2b1e27942554c5947c6c605 Mon Sep 17 00:00:00 2001
From: ndricim <ndricim.rrapi@sap.com>
Date: Mon, 16 Mar 2020 16:51:38 +0100
Subject: [PATCH 2/2] Improved according to suggestions

---
 core/src/SplitView.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/core/src/SplitView.html b/core/src/SplitView.html
index 8caf949d4b..7192c314da 100644
--- a/core/src/SplitView.html
+++ b/core/src/SplitView.html
@@ -307,9 +307,8 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 
 <style type="text/scss">
   $topNavHeight: 44px;
-  $leftNavWidth: 15em;
+  $leftNavWidth: 15rem;
   $collapsedSplitviewHeight: 38px;
-  $collapsedSplitViewContainerHeight: 49px;
   $desktopMinWidth: 600px;
   $colorNeutral4: #89919a;
 
@@ -330,11 +329,12 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   }
 
   :global(.lui-collapsed.splitViewContainer) {
-    height: $collapsedSplitViewContainerHeight;
+    height: $collapsedSplitviewHeight;
     top: auto;
   }
 
   .fd-splitView__title {
+    margin-top:0;
     font-size: 16px;
     line-height: $collapsedSplitviewHeight;
     vertical-align: center;