@import "normalize";
@import "skeleton";

// And the TireFire® bits
@import "tirefire/fonts";
@import "tirefire/basics";
@import "tirefire/alerts";
@import "tirefire/timers";
@import "tirefire/nav";
@import "tirefire/dots";
@import "tirefire/tooltips";

.controls a,
.controls form {
    margin-right: 2px;
}

.file,
.printer,
.key,
.job {
  margin-top: 4px;
}

.file .details,
.printer .details,
.key .details,
.job .details {
  div {
    margin-right: 10px;
  }
  .controls {
    margin-left: auto;
    display: flex;
  }
}

// Hide the header name if we're on a mobile device
@media (max-width: 550px) {
  .logo .name {
    display: none;
  }
}

label {
  margin-right: 10px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px;
}

@media (max-width: 760px) {
  .file, .printer, .key, .job {
    flex-direction: column;
    margin-bottom: 10px;

    .controls {
      margin-right: auto;
      margin-left: unset;
    }
  }
}
