rubyforgood/babywearing

.filter-card {
  margin: 0.8em;

  .card-body {
    padding: 1em;
  }

  .row {
    margin-bottom: 1em;
  }

  select {
    margin-right: 1em;
  }

  label {
    input[type=checkbox] {
      vertical-align: middle;
      position: relative;
      bottom: 0.2em;
      margin-right: 0.2em;
      margin-left: 0.6em;
    }
  }
}

.carrier-card {
  .card-body {
    div.carrier-name {
      width: 90%;
      text-align: center;
      margin-bottom: 0.5em;
    }
    div.row:not(:first-child) {
      line-height: 1.5em;
      margin: 0;

      .col:first-child {
        width: 50%;
        text-align: right;
        margin-right: 0.1em;
      }
      .col:last-child {
        width: 50%;
        text-align: left;
        margin: 0;
        padding: 0;
      }
    }
  }
}

.view-mode-menu {
  top: 0px;
  right: 0px;
  position: absolute;
  margin-right: 1em;
}

.actions {
  min-width: 10em;
}

thead tr.main-header th {
  border-top: none;
}

thead tr.super-header th {
  text-align: center;
  line-height: 0.2em;
}

thead tr.super-header th:not(.with-content) {
  border-bottom: none;
  text-align: center;
}

.carrier-index-title {
  margin-left: 1em;
}