From 431287e28c40d342325b100494e74b5806bf7b91 Mon Sep 17 00:00:00 2001
From: boec_mt <Mathias.Boeck@dlr.de>
Date: Tue, 22 Feb 2022 16:08:25 +0100
Subject: [PATCH] add margin to nav title #83

---
 src/app/views/route-map/route-map.component.html |  4 ++--
 src/app/views/route-map/route-map.component.scss | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/views/route-map/route-map.component.html b/src/app/views/route-map/route-map.component.html
index e7b2def6b..ee63312f5 100644
--- a/src/app/views/route-map/route-map.component.html
+++ b/src/app/views/route-map/route-map.component.html
@@ -7,7 +7,7 @@
   <app-vertical-nav-resize [width]="nav.left.width" [minWidth]="nav.left.minWidth" [maxWidth]="nav.left.maxWidth" (widthChange)="nav.left.width = $event;">
   </app-vertical-nav-resize>
   <!-- <app-changedetector></app-changedetector> -->
-        <h3 class="clr-vertical-nav-header is-highlight">{{'Configuration Wizard' | translate}}</h3>
+        <h3 class="clr-vertical-nav-header is-highlight"><span>{{'Configuration Wizard' | translate}}</span></h3>
         <ukis-configuration-wizard *ngIf="processes" [processes]="processes" [navExpanded]="!collapsedConfigurationWizard" ></ukis-configuration-wizard>
 </clr-vertical-nav>
 
@@ -20,7 +20,7 @@ <h3 class="clr-vertical-nav-header is-highlight">{{'Configuration Wizard' | tran
 
         <!-- <app-changedetector></app-changedetector> -->
 
-        <h3 class="clr-vertical-nav-header is-highlight">{{'Layer control' | translate}}</h3>
+        <h3 class="clr-vertical-nav-header is-highlight"><span>{{'Layer control' | translate}}</span></h3>
         <ukis-layercontrol [navExpanded]="!collapsedLayerControl"></ukis-layercontrol>
 
         <clr-vertical-nav-group [clrVerticalNavGroupExpanded]="true" class="layers" style="margin-top: auto;">
diff --git a/src/app/views/route-map/route-map.component.scss b/src/app/views/route-map/route-map.component.scss
index 8b1378917..92e56f5a9 100644
--- a/src/app/views/route-map/route-map.component.scss
+++ b/src/app/views/route-map/route-map.component.scss
@@ -1 +1,12 @@
+::ng-deep .clr-vertical-nav {
+  &.left,
+  &.right {
+    .clr-vertical-nav-header{
+      margin-top: 0.5rem;
+      > span {
+        margin-left: 0.5rem;
+      }
+    }
+  }
 
+}