.gui-input-with-button {
  display: flex;
  flex-direction: row;
}

.gui-input-with-button__input {
  flex: 1;
  background: #FFF;
  border: 1px solid #E6EAED;
  border-radius: 4px 0 0 4px;
  font-size: $typo-size-base;
  line-height: $typo-line-height-base;
  padding: $layout-spacing-base*0.5;
  text-overflow: ellipsis;
}

.gui-input-with-button__input--disabled {
  pointer-events: none;
  color: #8599AD;
}

/* ==========================================================================
   Modifiers
   ========================================================================== */

.gui-input-with-button--padding-small {
  .gui-input-with-button__input {
    height: $layout-spacing-base + $layout-spacing-base*0.5;
    font-size: $typo-size-slight;
    padding: $layout-spacing-base*0.25 $layout-spacing-base*0.5;
  }

  .gui-button--input-appendage {
    font-size: $typo-size-slight;
    padding-top: $layout-spacing-base*0.25;
    padding-bottom: $layout-spacing-base*0.25;
    height: $layout-spacing-base + $layout-spacing-base*0.5;
    width: 95px;
  }
}