vlv-search/web/assets/styles/form.scss

.form {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 2em auto;
  width: 100%;
}

.form__search {
  border: 1px solid #999;
  border-radius: 5px;
  font-size: 20px;
  padding: 0.5em;
}

.form .filters {
  margin: 1em 0;
}

.filters__section {
  display: flex;
  padding: .5em 0;

  @media(max-width: 768px) {
    flex-direction: column;
  }
}

.filters__subsection--sort {
  visibility: hidden;
}

.filters__subsection--sort.open {
  visibility: visible;
}

.filters__subsection {
  flex: 1;

  &.filters__subsection--static {
    flex: 1;
  }

  &:nth-child(2) {
    padding: 0 1em;

    @media(max-width: 768px) {
      padding: 0;
    }
  }
}

.form__field {
  margin: 10px 0;
}

.form__text-field {
  border: 1px solid #000000;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px;
  width: 100%;
}

.form__submit {
  font-size: 16px;
}

.form--login {
  margin-top: 0;
}

.form--login .form__label {
  display: block;
  margin: 10px 0;
}