.offering-form {
  @include ilios-form;
  @include fill-parent;
  @include clearfix;
  clear: both;
  display: block;
  margin-top: 2em;

  .item {
    @include ilios-form-item;
  }

  .start-time {
    select {
      width: 4em;
    }
  }

  .offering-duration {

    input {
      min-width: 3em;
      width: 3em;
    }

    .hours,
    .minutes {
      display: inline-block;
    }
  }

  .end-date-time .text {
    color: $darker-grey;
    font-style: italic;
  }

  .make-recurring {
    height: 100%;
  }

  .make-recurring-options {
    .make-recurring-days {
      div {
        clear: both;
      }

      input,
      label {
        float: left;
        margin: 0;
        width: 2em;
      }

      label {
        width: 40%;
      }
    }

    .make-recurring-input-container {
      @include fill-parent;
      input {
        float: left;
        min-width: 3em;
        width: 3em;
      }
    }
  }

  .learner-groups {
    @include fill-parent;
    @include clearfix;
    clear: both;
    padding-top: 1em;
  }

  .instructors {
    @include fill-parent;
    clear: both;
    padding-top: 1em;
  }

  .buttons {
    @include ilios-form-buttons;
  }
}

.offering-form {
  @include ilios-form;
  @include fill-parent;
  @include clearfix;
  clear: both;
  display: block;
  margin-top: 2em;

  .item {
    @include ilios-form-item;
  }

  .start-time {
    select {
      width: 4em;
    }
  }

  .offering-duration {

    input {
      min-width: 3em;
      width: 3em;
    }

    .hours,
    .minutes {
      display: inline-block;
    }
  }

  .end-date-time .text {
    color: $darker-grey;
    font-size: 1.2 * $base-font-size;
    font-style: italic;
    font-weight: bold;
  }

  .make-recurring {
    height: 100%;
  }

  .make-recurring-options {
    .make-recurring-days {
      div {
        clear: both;
      }

      input,
      label {
        float: left;
        margin: 0;
        width: 2em;
      }

      label {
        width: 40%;
      }
    }

    .make-recurring-input-container {
      @include fill-parent;
      input {
        float: left;
        min-width: 3em;
        width: 3em;
      }
    }
  }

  .learner-groups {
    @include fill-parent;
    @include clearfix;
    clear: both;
    padding-top: 1em;
  }

  .instructors {
    @include fill-parent;
    clear: both;
    padding-top: 1em;
  }

  .buttons {
    @include ilios-form-buttons;
  }
}

Make endDate pop more in offering form
Make endDate pop more in offering form
