From 1e8e744b235ce3160c4b978d00d48e5ad1f11d02 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Wed, 25 Sep 2024 16:15:18 -0700
Subject: [PATCH] - Fixed CSS which was causing the head to collapse when
 browser window is very small and Indicators running to multiple lines. -
 Fixed CSS which was causing the height and alignment problems in the head.

---
 src/ui/layout/layout.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/ui/layout/layout.scss b/src/ui/layout/layout.scss
index 3a075005b1..dc88692df6 100644
--- a/src/ui/layout/layout.scss
+++ b/src/ui/layout/layout.scss
@@ -215,7 +215,6 @@
     display: grid;
     grid-template-columns: min-content 1fr 3fr repeat(4, min-content);
     grid-column-gap: $interiorMargin;
-    min-height: 34px;
     padding: $interiorMargin $interiorMargin + 2;
 
     .l-shell__head__button {
@@ -263,13 +262,12 @@
     display: flex;
     flex-wrap: wrap;
     font-size: 11px;
-    min-height: 24px;
+    min-height: 25px;
     justify-content: flex-end;
 
     .l-shell__head--indicators-single-line & {
       flex-wrap: nowrap;
       justify-content: flex-start; // Overflow detection doesn't work with flex-end.
-      max-height: 24px;
       overflow: hidden;
 
       > *:first-child {