voices-of-merseyside/src/Admin.css

.App.Admin {
  background-color: white;
  color: black;
}

.App.Admin .container-fluid {
  background-color: white;
}

#vom-results {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem 1rem;
  grid-template-areas: "vom-admin-canvas vom-results-panel"
  "vom-results-table vom-results-table";
}

#vom-admin-canvas {
  grid-area: vom-admin-canvas;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#vom-results-panel {
  grid-area: vom-results-panel;
}

#vom-results-table {
  grid-area: vom-results-table;
}

#vom-results-filters h6 {
  color: #6c757d;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
}

#vom-results-filters h4 {
  display: flex;
  justify-content: space-between;
}

.vom-filter-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 5px;
  margin-bottom: 0;
}

#vom-filter-actions button {
  margin-left: 10px;
}

.vom-results-data {
  display: flex;
}

.vom-results-data p {
  padding-right: 1rem;
}

.vom-table-results thead {
  text-transform: capitalize;
}

.vom-table-results tr {
  cursor: pointer;
}

.vom-table-results tr.main-row { 
  border-top: 2px solid #a0a2a5;
}

.vom-table-results tr.data-focused {
  background-color: #17a2b845 !important;
}

.vom-table-results tr.data-focused th,
.vom-table-results tr.data-focused td {
  border: 1px solid #a0a2a5;
}