Merge pull request #5460 from HSLdevcom/fix-header-alignment

Fix stop view header alignment

Author: vesameskanen

app/component/stop/stop.scss

@@ -285,18 +285,23 @@
   }
 
   .route-number-header {
-    width: 4em;
+    flex: 0 0 fit-content;
+    margin-right: $route-title-margin;
   }
 
   .route-destination-header {
-    flex: 1 0 176px;
+    flex: 1 0 fit-content;
+    margin-right: 1em;
   }
 
   .time-header {
-    font-weight: inherit;
+    flex: 0 0 fit-content;
+    margin-right: 1em;
+  }
+
+  .track-header {
+    flex: 0 0 fit-content;
     text-align: right;
-    width: 3.5em;
-    margin-right: 2em;
   }
 }
 

sass/themes/default/_theme.scss

@@ -68,6 +68,7 @@ $nav-content-color: false;
 $disclaimer-background-color: rgba(254, 209, 0, 0.1);
 $disclaimer-border-color: #fed100;
 $navigation-background-color: $background-color-lighter;
+$route-title-margin: 2.7em;
 
 /* Vehicle palette */
 $airplane-color: $livi-airplane-blue;

sass/themes/matka/_theme.scss

@@ -55,6 +55,7 @@ $info-icon-blue: $primary-color;
 /* Component palette */
 $disclaimer-background-color: #fff;
 $disclaimer-border-color: #000;
+$route-title-margin: 1em;
 
 /* Borders */
 $border-radius-disclaimer: $border-radius-bigger;