From 33fa8f2fe976cb9eaaa3ebfee6d37d7ad00912e5 Mon Sep 17 00:00:00 2001
From: jacobshandling <61553566+jacobshandling@users.noreply.github.com>
Date: Fri, 2 Aug 2024 08:24:10 -0700
Subject: [PATCH] =?UTF-8?q?UI=20=E2=80=93=20adjust=20disk=20encryption=20t?=
 =?UTF-8?q?able=20style=20(#20981)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## #20395

<img width="778" alt="Screenshot 2024-08-01 at 7 15 00 PM"
src="https://github.com/user-attachments/assets/26fc82c0-d3e9-4e0d-b27d-82be63711fa9">

- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
---
 changes/20395-DE-table-style-fix              |  1 +
 .../OSSettings/_styles.scss                   |  1 +
 .../DiskEncryptionTable/_styles.scss          | 30 +++++++++++++++----
 3 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 changes/20395-DE-table-style-fix

diff --git a/changes/20395-DE-table-style-fix b/changes/20395-DE-table-style-fix
new file mode 100644
index 0000000000..8907c36986
--- /dev/null
+++ b/changes/20395-DE-table-style-fix
@@ -0,0 +1 @@
+* Fix a styling issue in the Controls > OS Settings > disk encryption table
\ No newline at end of file
diff --git a/frontend/pages/ManageControlsPage/OSSettings/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/_styles.scss
index 986234a842..b9c2bf11a5 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/_styles.scss
+++ b/frontend/pages/ManageControlsPage/OSSettings/_styles.scss
@@ -12,6 +12,7 @@
   &__side-nav {
     .side-nav__nav-list {
       top: 0;
+      padding-right: 40px;
     }
   }
 
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/components/DiskEncryptionTable/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/components/DiskEncryptionTable/_styles.scss
index 74a24f3ac2..45790a5389 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/components/DiskEncryptionTable/_styles.scss
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/components/DiskEncryptionTable/_styles.scss
@@ -9,11 +9,29 @@
     border-right: none;
   }
 
-  @media (max-width: 1120px) {
-    .view-hosts-link {
-      span {
-        display: none;
-      }
+  .linkToFilteredHosts__header {
+    width: auto;
+    max-width: 120px;
+  }
+
+}
+
+@media (max-width: 1120px) {
+  .view-hosts-link {
+    span {
+      display: none;
     }
   }
-}
+  .linkToFilteredHosts {
+    &__header {
+      width: 0;
+      .column-header {
+        width: 0;
+      }
+    }
+    &__cell {
+      width: min-content;
+    }
+
+  }
+}
\ No newline at end of file