Fleet UI: Align update text baseline with neighboring text (#25298)

fleetdm · Jan 9, 2025 · f15e45e · f15e45e
1 parent 863a37a
commit f15e45e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/frontend/components/SectionHeader/_styles.scss b/frontend/components/SectionHeader/_styles.scss
@@ -5,8 +5,9 @@
 
   &__left-header {
     display: flex;
-    align-items: center;
+    align-items: baseline;
     gap: $pad-small;
+
     &--vertical {
       flex-direction: column;
     }

diff --git a/frontend/components/TableContainer/_styles.scss b/frontend/components/TableContainer/_styles.scss
@@ -146,14 +146,18 @@
 
   &__results-count {
     display: flex;
-    align-items: center;
+    align-items: baseline;
     font-size: $x-small;
     font-weight: $bold;
     color: $core-fleet-black;
     margin: 0;
     height: 40px;
     gap: 12px;
 
+    > span {
+      line-height: 40px; // Match other header components' height but still align text baseline
+    }
+
     .count-error {
       color: $ui-error;
     }

diff --git a/frontend/pages/DashboardPage/components/InfoCard/_styles.scss b/frontend/pages/DashboardPage/components/InfoCard/_styles.scss
@@ -34,6 +34,7 @@
   &__section-title-group {
     display: flex;
     gap: 0.75rem;
+    align-items: baseline;
   }
 
   &__section-title-detail {