From 7274658b51e77f1799e905a8a92fa1a46d1d4129 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 4 Sep 2020 10:03:18 +0300
Subject: [PATCH] Wider Select box for Helm chart installation (#803)

* Fixing typo

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

* Fine-tuning select to show long items

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+apps-helm-charts/helm-chart-details.scss    | 1 -
 src/renderer/components/+cluster-settings/status.tsx        | 2 +-
 src/renderer/components/dock/install-chart.scss             | 2 +-
 src/renderer/components/select/select.scss                  | 6 ++++++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+apps-helm-charts/helm-chart-details.scss b/src/renderer/components/+apps-helm-charts/helm-chart-details.scss
index c6d0a73786..212e9d723a 100644
--- a/src/renderer/components/+apps-helm-charts/helm-chart-details.scss
+++ b/src/renderer/components/+apps-helm-charts/helm-chart-details.scss
@@ -25,7 +25,6 @@
 
     .version {
       .Select {
-        width: 80px;
         min-width: 80px;
         white-space: nowrap;
       }
diff --git a/src/renderer/components/+cluster-settings/status.tsx b/src/renderer/components/+cluster-settings/status.tsx
index d722fe8ea8..d79d4e4969 100644
--- a/src/renderer/components/+cluster-settings/status.tsx
+++ b/src/renderer/components/+cluster-settings/status.tsx
@@ -22,7 +22,7 @@ export class Status extends React.Component<Props> {
     const rows = [
       ["Online Status", cluster.online ? "online" : `offline (${cluster.failureReason || "unknown reason"})`],
       ["Distribution", cluster.distribution],
-      ["Kerbel Version", cluster.version],
+      ["Kernel Version", cluster.version],
       ["API Address", cluster.apiUrl],
       ["Nodes Count", cluster.nodes || "0"]
     ];
diff --git a/src/renderer/components/dock/install-chart.scss b/src/renderer/components/dock/install-chart.scss
index 38dbea7f8b..4ef4b9df81 100644
--- a/src/renderer/components/dock/install-chart.scss
+++ b/src/renderer/components/dock/install-chart.scss
@@ -5,7 +5,7 @@
     }
 
     &.chart-version {
-      min-width: 80px;
+      min-width: 130px;
     }
   }
 }
diff --git a/src/renderer/components/select/select.scss b/src/renderer/components/select/select.scss
index a6cb7e0bbb..4f71ed87ac 100644
--- a/src/renderer/components/select/select.scss
+++ b/src/renderer/components/select/select.scss
@@ -70,11 +70,15 @@ html {
     &__menu {
       background: var(--select-menu-bgc);
       box-shadow: inset 0 0 0 1px var(--select-menu-border-color);
+      width: max-content;
+      min-width: 100%;
 
       &-list {
         @include custom-scrollbar;
         padding-right: 1px;
         padding-left: 1px;
+        width: max-content;
+        min-width: 100%;
       }
 
       &-notice {
@@ -83,6 +87,8 @@ html {
     }
 
     &__option {
+      white-space: nowrap;
+
       &:active {
         background: $primary;
       }