lens/src/renderer/components/+cluster-settings/cluster-settings.scss

.ClusterSettings {
  .WizardLayout {
    grid-template-columns: unset;
    padding: 0;

    .head-col {
      justify-content: space-between;

      :nth-child(2) {
        flex: 1 0 0;
      }

      a {
        text-decoration: none;
        color: $grey-600;
      }
    }

    .info-col {
      display: none;
    }

    .content-col {
      margin: 0;
      padding-top: $padding * 3;
      background-color: transparent;

      .SubTitle {
        text-transform: none;
      }

      .settings-wrapper {
        margin: 0 auto;
        width: 60%;
        min-width: 570px;
        max-width: 1000px;

        > div {
          margin-top: $margin * 5;
        }

        .admin-note {
          font-size: small;
          opacity: 0.5;
          margin-left: $margin;
        }

        .button-area {
          margin-top: $margin * 2;
        }
      }

      .file-loader {
        margin-top: $margin * 2;
      }

      .hint {
        font-size: smaller;
        opacity: 0.8;
      }

      p + p, .hint + p {
        padding-top: $padding;
      }
    }

    .status-table {
      margin: $margin * 3 0;

      .Table {
        border: 1px solid var(--drawerSubtitleBackground);
        border-radius: $radius;

        .TableRow {
          &:not(:last-of-type) {
            border-bottom: 1px solid var(--drawerSubtitleBackground);
          }

          .value {
            flex-grow: 2;
            color: var(--textColorSecondary);
          }
        }
      }
    }

    .Input, .Select {
      margin-top: 10px;
    }

    .Select {
      &__control {
        box-shadow: 0 0 0 1px $borderFaintColor;
      }
    }
  }
}