#quicksettings {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;

  width: 100%;

  > * {
    flex: 1;

    width: var(--fill-available) !important;
    min-width: unset !important;
    max-width: unset !important;
    margin: 0;
    padding: 0;
  }

  .head > label {
    min-width: unset;
    max-width: 60%;
    margin-right: 12px;
  }

  input[type='color'] {
    width: 100%;
  }

  input[type='number'],
  textarea {
    box-sizing: border-box;
    height: 28px !important;
    padding: 4px !important;
  }

  textarea {
    width: var(--fill-available);
  }

  span {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dropdown-arrow {
    min-width: 16px;
    min-height: 16px;
  }
}
