// Styles for /admin/backups

.admin-backups {
  .before-backup-list-outlet {
    margin-top: 1em;
  }

  table {
    @media screen and (min-width: 550px) {
      td.backup-filename {
        grid-column-start: 1;
        grid-column-end: 6;
      }
      td.backup-size {
        grid-column-end: -1;
        text-align: right;
      }
      td.backup-controls {
        margin-top: 0.25em;
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 5;
        text-align: right;
        .btn {
          margin-top: 0.25em;
        }
      }
    }
    @include breakpoint(mobile-extra-large) {
      td.backup-filename {
        grid-column-start: 1;
        grid-column-end: 3;
      }
      td.backup-size {
        text-align: right;
      }
      td.backup-controls {
        grid-column-start: 1;
        grid-column-end: 4;
      }
    }
    @include breakpoint(tablet) {
      td.backup-controls {
        text-align: left;
      }
    }
  }
}

.admin-backups-logs {
  max-height: 65vh;
  overflow: auto;
}

.start-backup-modal {
  .alert {
    margin-bottom: 0;
  }
}

.backup-message {
  margin-left: auto;
  margin-top: 1em;
  @include breakpoint(mobile-extra-large) {
    margin: 1.25em 0 0;
  }
}

label.admin-backups-upload {
  font-weight: 400;
}