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 { 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; }