ilios/frontend

@use "../../ilios-common/colors" as c;
@use "../../ilios-common/constants";
@use "../../ilios-common/mixins" as m;

.instructor-group-header {
  .header-bar {
    border-bottom: 1px solid c.$culturedGrey;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(constants.$golden-ratio-large * 1rem) 0
      calc(constants.$golden-ratio-small * 1rem) 0;
    margin: 0 0.8rem;

    @include m.for-tablet-and-up {
      flex-direction: row;
    }

    h2 {
      @include m.ilios-heading-h4;
    }

    .title {
      @include m.ilios-heading-h4;
      flex-grow: 2;

      .is-editing,
      input {
        width: 90%;
      }
    }

    .title,
    .info {
      @include m.text-align-bottom;
    }
  }
}