add margin to nav title #83

riesgos · Feb 22, 2022 · 431287e · 431287e
1 parent e6b11f0
commit 431287e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git 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
@@ -1 +1,12 @@
+::ng-deep .clr-vertical-nav {
+  &.left,
+  &.right {
+    .clr-vertical-nav-header{
+      margin-top: 0.5rem;
+      > span {
+        margin-left: 0.5rem;
+      }
+    }
+  }
 
+}