input[type="submit"] {
  @extend .btn;
}

/* sub-groups of controls in span.control-sub-group */
.form-inline {
   .form-group {
    //display: inline-block;
    line-height: ($line-height-base * 2);
    margin-right: $umlautIndent;
  }
  .control-sub-group {
    display: inline-block;
    margin-right: $umlautIndent;
  }
}

@media (max-width: ($screen-sm-min - 1)) {
  .umlaut-citation-link {
    text-align: left;
  }
}

// even smaller than bootstrap's input-mini, for volume/issue/start page
.form-inline .form-control.input-tiny, .input-tiny {
 width: 5em; 
}

/* These seems to be a bug in bootstrap 3.2.0.1... */
input[type=submit].btn-default {
  border-color: $btn-default-border;
}
input.btn-primary[type="submit"]:hover, input[type="submit"].btn-primary:focus {
  color: white;
  background-color: #3071a9;
  border-color: #285e8e;
}