Setting few more column sizes

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+workloads-pods/pods.tsx

@@ -184,6 +184,7 @@ class NonInjectedPods extends React.Component<Dependencies> {
         id: "name",
         header: "Name",
         cell: info => info.getValue(),
+        size: 130,
       }),
       columnHelper.display({
         id: "warning",
@@ -195,14 +196,15 @@ class NonInjectedPods extends React.Component<Dependencies> {
         id: "namespace",
         header: "Namespace",
         cell: info => info.getValue(),
-        minSize: 110,
-        size: 110,
+        minSize: 100,
+        size: 100,
       }),
       columnHelper.accessor(row => this.renderContainersStatus(row), {
         id: "containers",
         header: "Containers",
         cell: info => info.getValue(),
-        minSize: 137,
+        size: 100,
+        minSize: 100,
       }),
       columnHelper.accessor(row => row.getRestartsCount(), {
         id: "restarts",

src/renderer/components/list/table-theme.module.scss

@@ -62,6 +62,7 @@
     left: 0;
     width: 100%;
     display: flex;
+    gap: 8px;
     padding: 0 calc(var(--padding) * 2);
 
     &:hover {
@@ -70,6 +71,7 @@
 
     > div {
       padding: 4px 0;
+      word-break: break-all;
     }
   }
 }

src/renderer/components/table/virtual-table-header.module.scss

@@ -3,6 +3,7 @@
 
   tr {
     display: flex;
+    gap: 8px;
     padding: 0 16px;
   }