From cebde0d2a9c12b7695faa9e9bef83dd527e6afbd Mon Sep 17 00:00:00 2001
From: Roman <ixrock@gmail.com>
Date: Thu, 9 Mar 2023 18:21:35 +0200
Subject: [PATCH] Better displaying container's info for Pods and all tooltips
 with `formatters={{tableView: true}}`

Signed-off-by: Roman <ixrock@gmail.com>
---
 .../src/renderer/components/+workloads-pods/pods.tsx     | 1 +
 .../core/src/renderer/components/tooltip/tooltip.scss    | 9 ++++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/renderer/components/+workloads-pods/pods.tsx b/packages/core/src/renderer/components/+workloads-pods/pods.tsx
index ab793359b0..c567eaba8d 100644
--- a/packages/core/src/renderer/components/+workloads-pods/pods.tsx
+++ b/packages/core/src/renderer/components/+workloads-pods/pods.tsx
@@ -86,6 +86,7 @@ class NonInjectedPods extends React.Component<Dependencies> {
             tooltip={{
               formatters: {
                 tableView: true,
+                nowrap: true,
               },
               children: (
                 <>
diff --git a/packages/core/src/renderer/components/tooltip/tooltip.scss b/packages/core/src/renderer/components/tooltip/tooltip.scss
index 10b7669679..caaafde036 100644
--- a/packages/core/src/renderer/components/tooltip/tooltip.scss
+++ b/packages/core/src/renderer/components/tooltip/tooltip.scss
@@ -64,6 +64,7 @@
 
     &.tableView {
       min-width: 200px;
+      padding: calc(var(--padding) * 1.5);
 
       > :not(:last-child) {
         margin-bottom: var(--flex-gap);
@@ -77,13 +78,15 @@
       .name {
         color: var(--textColorAccent);
         text-align: right;
-        flex: 0 0 35%;
+        min-width: 15%;
       }
 
       .value {
+        flex-grow: 1;
         text-align: left;
-        max-width: 300px;
-        word-break: break-word;
+        white-space: pre-wrap;
+        word-break: break-all;
+        color: var(--textColorSecondary);
       }
     }
   }