/* Custom styles layered on top of Bootstrap. */

.date-navigation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  max-width: 38rem;
}

.date-navigation .btn {
  padding: 0.75rem 1rem;
  text-align: left;
}

.date-navigation__date {
  margin-top: 0.1rem;
  font-size: 0.78rem;
  opacity: 0.75;
}

.log-content {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.85rem;
  background-color: #f8f9fa;
  padding: 1rem;
  border-radius: 0.375rem;
  max-height: 60vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .date-navigation {
    grid-template-columns: 1fr;
  }
}