.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; }