.dashboard { display: flex; flex-direction: column; } mat-dialog-content { padding-top: 0.5em !important; } .disk-usage-container { display: flex; flex-direction: column; } .disk-usage { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; } .service-list { margin-top: 0em; margin-bottom: 0.5em; } .services-status { display: flex; flex-direction: column; } .services-status li { margin: 5px 0; display: flex; align-items: center; } .status-led { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 10px; } .status-led.active { background-color: green; } .status-led.inactive { background-color: red; } .disk-title { margin-bottom: 0px; } .service-title { margin-top: 0px; } table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid #ddd; padding: 8px; } th { background-color: #f4f4f4; } .action-container { display: flex; justify-content: flex-end; gap: 1em; padding: 1.5em; }