@import url('../../style/background-image.scss');

.army-member-view {
  width: 90%;
  min-height: 100vh;
  padding: 5px;
  margin: auto;
}

.army-member-view-container {
  width: 90%;
  min-width: 870px;
  margin: auto
}

.return-button {
  position: absolute;
  padding-left: 5px;
}

div.table-container {
  margin-top:20px;
  padding: 5px;
  overflow-x: auto;
  min-width: 500px;
}

.table-head {
  background: #222222;
  color: white;
}

mat-table.mat-table {
  background: rgba(255, 255, 255, 0.70);

  .mat-column-award-graphics {
    flex: 0 0 15%;
  }

  .mat-column-title {
    flex: 0 0 25%;
  }

  .mat-column-reason {
    flex: 0 0 52%;
  }

  .mat-column-date {
    flex: 0 0 8%;
  }
}

mat-row.mat-row {
  @extend mat-table.mat-table;
}