///
/// Bootstrap overrides
///

// button fixes on bootstrap
.btn {
  [class^="icon-"] {
    display: inline-block;
    vertical-align: middle;

    &::before {
      position: relative;
      top: -2px;
      margin-right: 4px;
    }
  }
}

.btn-sm, .btn-group-sm .btn {
  [class^="icon-"]::before {
    left: 0;
    margin-left: 0;
  }
}

.btn-outline-secondary:not(:hover) {
  background: #fff;
  color: #000;
}

///
/// Custom styling
///
.page-header {
  display: flex;

  .page-header-buttons {
    margin-left: auto;
  }
}