geovisualisierung/projects/project-3/frontend/src/app/dashboard/dashboard.component.scss

.toolbar-spacer {
  flex: 1 1 auto;
}

.sidenav {
  height: 100vh;
  width: 15vw;
  min-width: 20em;
}

mat-sidenav-container, mat-sidenav-content, mat-sidenav {
  height: 100vh;
}

.button-back:hover {
  background: #5a34a0;
}

.button-wiki:hover {
  background: #5a34a0;
}

.datepicker-start {
  margin: 5px;
  margin-top: 50px;
}

.datepicker-end {
  margin: 5px;
  margin-top: 20px;
}

.container-top {
  height: 30vh;
}

.container-middle {
  height: 30vh
}

.container-bottom {
  height: 30vh
}

.dashboard-table-to {
  margin: 5px;
  background: gray;
}

.dashboard-table-from {
  margin: 5px;
  background: aquamarine;
}

.mini-map {
  margin: 5px;
  background: blueviolet;
}

.dashboard-chart-borrow-duration {
  margin: 5px;
  background: blue;
}

.dashboard-chart-borrow-time {
  margin: 5px;
  background: chartreuse;
}