diff --git a/src/renderer/components/+cluster-settings/cluster-settings.scss b/src/renderer/components/+cluster-settings/cluster-settings.scss index 93aeaf7e47..3ed377ac3b 100644 --- a/src/renderer/components/+cluster-settings/cluster-settings.scss +++ b/src/renderer/components/+cluster-settings/cluster-settings.scss @@ -15,11 +15,12 @@ .settings-wrapper { margin: 0 auto; - width: 70%; - min-width: 690px; + width: 60%; + min-width: 570px; + max-width: 1000px; > div { - margin-top: $margin * 3; + margin-top: $margin * 5; } .admin-note { @@ -27,6 +28,10 @@ opacity: 0.5; margin-left: $margin; } + + button { + margin-top: $margin * 2; + } } } @@ -42,62 +47,15 @@ border-bottom: 1px solid var(--drawerSubtitleBackground); } - &.value { + .value { + flex-grow: 2; color: var(--textColorSecondary); } } } } - .loading { - margin-top: 20px; - text-align: center; - - .Spinner { - display: inline-block; - } - } - .Input,.Select { margin-top: 10px; } - - .Icon:not(.updated):not(.clean) { - color: #ad0000; - } - - .Icon.updated { - color: #00dd1d; - } - - .updated { - animation: updated-name 1s 1; - animation-fill-mode: forwards; - animation-delay: 3s; - } - - @keyframes updated-name { - from {opacity :1;} - to {opacity :0;} - } - - - input[type="text"]::placeholder { - font-size: small; - color: #707070; - } - - input[type="text"] { - color: white; - } - - button { - margin-top: 5px; - - .Spinner { - width: 10px; - height: 10px; - border-color: transparent black; - } - } } \ No newline at end of file