.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; } #submit-date-span { padding: 10px; } .button-wiki:hover { background: #5a34a0; } .datepicker { margin-top: 100px; } .containter-map { height: 40vh; } .container-top { height: 20vh; } .container-middle { height: 40vh } .container-bottom { height: 30vh } .dashboard-table-to { margin: 5px; } .dashboard-table-from { margin: 5px; } .mini-map { margin: 5px; } .dashboard-chart-borrow-duration { margin: 5px; } .dashboard-chart-borrow-time { margin: 5px; background: chartreuse; }