Fix dashboard card layout, icons, alignment, and memory card visibility

- Docker/VM tiles: wrap containers into columns instead of horizontal scroll
- Add 6 missing ICON_MAP entries + fireflyiii/minecraft icon assets
- Card title icons: align-items flex-start so icons sit beside h3, not below
- Scope .head_bar hide rule to Processor card to stop hiding Memory card header

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kaloyan Danchev
2026-02-27 17:18:37 +02:00
parent 7bacf965cc
commit 14cb71a36c
6 changed files with 24 additions and 7 deletions

View File

@@ -1061,8 +1061,8 @@ table.dashboard > tbody.sortable > tr:last-child {
}
/* Hide compact Load: row in Processor card — Overall Load row shows same info.
Unraid's DashStats.css hides span.switch but the row keeps 33px of padding/gap */
table.dashboard > tbody.sortable > tr:has(.head_bar) {
Scoped to .system tbody to avoid hiding Memory card header which also has .head_bar */
table.dashboard > tbody.system.sortable > tr:has(.head_bar) {
display: none !important;
}
@@ -1075,9 +1075,12 @@ table.dashboard > tbody.sortable > tr > td {
padding: 6px 6px !important;
color: var(--glass-text) !important;
background: transparent !important;
overflow-x: auto !important;
scrollbar-color: rgba(255, 255, 255, 0.15) transparent !important;
scrollbar-width: thin !important;
}
/* Docker/VM container grid: wrap into columns instead of horizontal scroll */
#docker_view > tr:not(:first-child) > td,
#vm_view > tr:not(:first-child) > td {
white-space: normal !important;
}
/* Header row of each card */
@@ -1145,11 +1148,17 @@ span.tile-header {
span.tile-header-left {
display: flex !important;
align-items: center !important;
align-items: flex-start !important;
gap: 10px !important;
flex: 1 !important;
}
/* Align card title icons with h3 text */
span.tile-header-left > i.f32 {
margin-top: 2px !important;
flex-shrink: 0 !important;
}
/* Stopgap spacers → hidden (card margins handle spacing) */
table.dashboard > thead.stopgap {
display: none !important;