fix: Updated CSS so long route names display correctly in travel upda…

…tes widget (#830) Co-authored-by: Catia Costa <34938764+catiarodriguescosta@users.noreply.github.com> Co-authored-by: Gil <43111519+gldgrnt@users.noreply.github.com>
wmcadigital · Jul 8, 2021 · 4d27fd4 · 4d27fd4
1 parent 4733689
commit 4d27fd4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/wmnds/patterns/travel-updates/_travel-updates.scss b/src/wmnds/patterns/travel-updates/_travel-updates.scss
@@ -70,19 +70,23 @@
       }
 
       .wmnds-travel-update__disruption-indicator-btn {
-        display: inline-block;
+        display: inline-flex;
         margin-right: $size-md;
         padding: 0;
         border: 0;
         background: none;
+        flex-direction: column;
 
         .wmnds-disruption-indicator-medium {
           margin: 0;
         }
       }
 
       .wmnds-travel-update__disruption-text {
+        display: inline-flex;
         text-align: left;
+        flex-direction: column;
+        flex: 1;
 
         strong {
           display: block;