From 647b76d9780e0527d4e554d285ebed38b15baee7 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 4 Sep 2020 09:28:41 +0300
Subject: [PATCH] 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/dock/install-chart.scss             | 2 +-
 src/renderer/components/select/select.scss                  | 6 ++++++
 3 files changed, 7 insertions(+), 2 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/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;
       }