@import (reference) '../../../Style/App.less';

@TimeSpanInputButtonWidth: 40px;
@TimeSpanInputDropdownWidth: 100px;

.TimeSpanInput {
  margin: 0;

  // set static button width for up/down buttons
  .TimeSpanInput-adjustButton {
    width: @TimeSpanInputButtonWidth;
  }

  // set static button width for dropdown button
  .TimeSpanInput-unitDropdown {
    width: @TimeSpanInputDropdownWidth;
  }

  // fix location of the feedback icon to account for the buttons on the right
  .form-control-feedback {
    // -4 to account for the 4 1px borders
    right: @TimeSpanInputButtonWidth * 3 + @TimeSpanInputDropdownWidth - 4;
  }

  // this fixes a bug with the z-order of the dropdown w/r to the buttons
  .input-group-btn {
    & > .btn-group,
    & > .btn {
      z-index: unset;
    }
  }
}