Aligned splitview and centered arrow (#1158)

SAP · Mar 18, 2020 · ccdac39 · ccdac39
1 parent cef0668
commit ccdac39
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/core/src/SplitView.html b/core/src/SplitView.html
@@ -307,7 +307,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
 
 <style type="text/scss">
   $topNavHeight: 44px;
-  $leftNavWidth: 320px;
+  $leftNavWidth: 15rem;
   $collapsedSplitviewHeight: 38px;
   $desktopMinWidth: 600px;
   $colorNeutral4: #89919a;
@@ -334,6 +334,7 @@ <h1 class="fd-splitView__title">{splitViewSettings.title}</h1>
   }
 
   .fd-splitView__title {
+    margin-top:0;
     font-size: 16px;
     line-height: $collapsedSplitviewHeight;
     vertical-align: center;
@@ -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;