From 858092f137b4ea6400fef040db366705d2c6887e Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Fri, 22 Sep 2023 10:48:21 -0400
Subject: [PATCH] Fleet UI: [tiny bug fixes] Table text cell vertical alignment
 [released], fix first letter capitalization [unreleased] (#14086)

---
 frontend/components/StatusIndicator/_styles.scss          | 4 ++++
 frontend/components/TableContainer/DataTable/_styles.scss | 5 +----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/components/StatusIndicator/_styles.scss b/frontend/components/StatusIndicator/_styles.scss
index aee6b51567..a92e3eb803 100644
--- a/frontend/components/StatusIndicator/_styles.scss
+++ b/frontend/components/StatusIndicator/_styles.scss
@@ -3,6 +3,10 @@
   align-items: center;
   color: $core-fleet-blue;
 
+  ::first-letter {
+    text-transform: capitalize;
+  }
+
   &:before {
     border-radius: 100%;
     content: " ";
diff --git a/frontend/components/TableContainer/DataTable/_styles.scss b/frontend/components/TableContainer/DataTable/_styles.scss
index ea958e3924..8bad872b93 100644
--- a/frontend/components/TableContainer/DataTable/_styles.scss
+++ b/frontend/components/TableContainer/DataTable/_styles.scss
@@ -215,6 +215,7 @@ $shadow-transition-width: 10px;
         }
         .link-cell,
         .text-cell {
+          display: block; // inline-block is not vertically centered
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
@@ -223,11 +224,7 @@ $shadow-transition-width: 10px;
             white-space: normal;
           }
         }
-        .text-cell {
-          display: inline-block;
-        }
         .link-cell {
-          display: block;
           padding: $pad-small 0; // larger clickable area
 
           &:hover {