From 6544c08f99e00b6006c663fa19c7f0527c81804b Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Thu, 25 Aug 2022 16:15:18 +0300
Subject: [PATCH] Break only name columns

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+workloads-pods/pods.tsx     | 8 ++++++--
 src/renderer/components/list/table-theme.module.scss | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+workloads-pods/pods.tsx b/src/renderer/components/+workloads-pods/pods.tsx
index c62bb7d08d..ffc714ee66 100644
--- a/src/renderer/components/+workloads-pods/pods.tsx
+++ b/src/renderer/components/+workloads-pods/pods.tsx
@@ -183,7 +183,11 @@ class NonInjectedPods extends React.Component<Dependencies> {
       columnHelper.accessor(row => row.getName(), {
         id: "name",
         header: "Name",
-        cell: info => info.getValue(),
+        cell: info => (
+          <span style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
+            {info.getValue()}
+          </span>
+        ),
         size: 130,
       }),
       columnHelper.display({
@@ -214,7 +218,7 @@ class NonInjectedPods extends React.Component<Dependencies> {
       }),
       columnHelper.accessor(row => this.renderControlledBy(row), {
         id: "controlledBy",
-        header: "Controlled By",
+        header: "Owners",
         cell: info => info.getValue(),
       }),
       columnHelper.accessor(row => this.renderNodeName(row), {
diff --git a/src/renderer/components/list/table-theme.module.scss b/src/renderer/components/list/table-theme.module.scss
index 4c67fa38e2..d317039253 100644
--- a/src/renderer/components/list/table-theme.module.scss
+++ b/src/renderer/components/list/table-theme.module.scss
@@ -71,7 +71,8 @@
 
     > div {
       padding: 4px 0;
-      word-break: break-all;
+      overflow: hidden;
+      white-space: nowrap;
     }
   }
 }