storage: Fix width of device icon

cockpit-project · Nov 27, 2023 · 569e499 · 569e499
1 parent 3796fa9
commit 569e499
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/pkg/storaged/pages.jsx b/pkg/storaged/pages.jsx
@@ -481,7 +481,7 @@ export const PageTable = ({ emptyCaption, aria_label, pages, crossrefs, sorted,
                 <Td key="5" className="pf-v5-c-table__action">{actions || <div /> }</Td>,
             ];
             if (show_icons)
-                cols.unshift(<Td key="0">{icon}</Td>);
+                cols.unshift(<Td key="0" className="storage-device-icon">{icon}</Td>);
 
             rows.push(
                 <Tr key={key}

diff --git a/pkg/storaged/storage.scss b/pkg/storaged/storage.scss
@@ -339,6 +339,12 @@ a.disabled {
     white-space: nowrap !important;
 }
 
+.pf-v5-c-table__tbody .storage-device-icon {
+  // Ensure the icon's cell size is as minimal as the icon allows
+  width: 0;
+  padding-inline-end: 0;
+}
+
 .storage-size-column {
     text-align: end;
     white-space: nowrap !important;