src/app/style/work-items-widget.scss

@import '~@jetbrains/ring-ui/components/global/global';

.work-items-widget {
  color: var(--ring-text-color);

  &__filters-list {
    min-height: calc(4 * var(--ring-unit));
    margin-bottom: calc(6 * var(--ring-unit));
  }

  $search-context-width: calc(var(--ring-unit) * 12);

  &__search-context {
    display: inline-block;
    float: left;

    width: $search-context-width;

    & [data-test="ring-select__button"] {
      border-radius: 3px 0 0 3px;
    }
  }

  &__search-query {
    width: 100%;
    width: calc(100% - #{$search-context-width});

    margin-left: $search-context-width;

    vertical-align: top;
  }

  &__form-select {
    width: 100%;

    vertical-align: top;
  }

  &_button-group {
    width: 90%;
    width: calc(100% - 16px);
  }

  &_button {
    width: 50%;
  }
}