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

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M197 351.3c4.1 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5-7.5-3.4-7.5-7.5 3.4-7.5 7.5-7.5m230.8.8c-5.1-38.5-23.3-37.5-31.4-66.9s17.6-22.2-4.1-72.7c0 0-9.6-24-46.2-41.4-23.5-11.1-7.5-61.5-49.1-112.2S215.6 0 215.6 0s19.5 66.2-18 104.7-33.5 81.1-18.3 101.4 14.2 35.5 2 46.7-22.3 19.3-29.4 1-15.2-18.3-18.3-27.4-9.1-25.4-9.1-25.4-19.3 30.4-31.4 48.7-12.2 46.7-4.1 61.9 5.1 33.5-1 58.8c-6.1 25.4 2 63.9 30.4 79.1s62.9 27.4 78.1 41.6 50.7 27.4 96.4 17.2c45.6-10.1 103.5-56.8 113.6-88.2 0 0 26.4-29.4 21.3-68m-80.1 86.3v19.8c-3.6 7.1-9.6 9.5-29.7 9.5s-22.9-5.5-22.9-5.5v-4c-30.9 4-47.7 0-47.7 0 0 3.5 0 4.1-3 7.1s-21.4 3.2-35.2 1.2c-13.9-2-12.3-8.7-12.3-8.7v-20.2c-22.6-15.9-28.9-40-28.9-40l-13 .3c-7.1 0-10.1-9.1-10.1-9.1v-29.4c0-9.2 9.1-11.2 9.1-11.2l12.7-1c4.3-30.4 36-53.8 36-53.8l-1.8-41.9c34.2-6.2 53.4 28.6 53.5 28.6 38-4.6 75.4 3.3 93.3 20.1 15.7 14.7 27.4 27.8 28.3 65.6 1 43.9-28.3 72.6-28.3 72.6m28.9-89.1-1.9-9.3s-14.4-6.9-32.2 3.2c0 0-21.1-7.1-32.4 2.1-11.7 9.5-12.9 20.7-12.3 33.8 0 0 10.2-34.7 35.8-25.8 0 0-18.2 32 10.1 37.6 0 0 6.7 0 12.2-3.4 5.3-3.2 9.4-9 7.7-19.6 0 0-3.4-10.6-12.3-16.9 0 0 8.7-6.2 25.3-1.7m-25.2 18.5c5.5 9-3.9 13.5-3.9 13.5-17.6 1.4-4.4-23.5-4.4-23.5s2.7.6 8.3 10" style="fill:#fff"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/icons/fireflyiii.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M474.3 129.5c0-.2-.1-.3-.2-.5-.1-.3-.2-.7-.4-1-.1-.2-.3-.4-.4-.6-.2-.2-.3-.5-.6-.7-.2-.2-.4-.4-.7-.5-.2-.2-.4-.3-.6-.5h-.1L259.2.9c-2-1.2-4.4-1.2-6.3 0L40.6 125.7h-.1c-.2.1-.4.3-.6.5s-.5.3-.7.5-.4.5-.6.7c-.1.2-.3.4-.4.6-.2.3-.3.7-.4 1-.1.2-.2.3-.2.5-.1.5-.2 1.1-.2 1.6v249.8c0 2.2 1.2 4.3 3.1 5.4l212.3 124.9c.3.2.6.3 1 .4.2.1.4.2.5.2.5.1 1.1.2 1.6.2s1.1-.1 1.6-.2c.2 0 .4-.2.5-.2.3-.1.6-.2 1-.4l212.3-124.9c1.9-1.1 3.1-3.2 3.1-5.4V131.1c.1-.5.1-1.1-.1-1.6M50 197.3l20 11.9.6-31.2 26.2 15.6v31.2l26.8 15.6 26.2 15.6v31.2l26.5 15.6v-31.2l26.5 15.6V256l26.5 15.6V334l20.3 11.9v148.9L50 377.3zm212.2 297.5v-180l20.3-11.9v-31.2l26.5-15.6v31.2l53.1-31.2v31.2l26.5-15.6v-31.2l26.5-15.6v-31.2l26.5-15.6v62.4l20.3-11.9v148.9z" style="fill:#fff"/></svg>

After

Width:  |  Height:  |  Size: 836 B

BIN
assets/icons/minecraft.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

View File

@@ -219,7 +219,13 @@
'urbackup': 'networking-toolbox', 'urbackup': 'networking-toolbox',
'seekandwatch': 'databasement', 'seekandwatch': 'databasement',
'unmarr': 'homarr', 'unmarr': 'homarr',
'dockhand': 'docker' 'dockhand': 'docker',
'firefly-data-importer': 'fireflyiii',
'fireflyiii': 'fireflyiii',
'home-assistant-container': 'home-assistant',
'home-assistant-time-machine': 'apple',
'termix': 'networking-toolbox',
'tuyagateway': 'home-assistant'
}; };
// Resolve container name to selfh.st CDN URL // Resolve container name to selfh.st CDN URL

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. /* 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 */ Scoped to .system tbody to avoid hiding Memory card header which also has .head_bar */
table.dashboard > tbody.sortable > tr:has(.head_bar) { table.dashboard > tbody.system.sortable > tr:has(.head_bar) {
display: none !important; display: none !important;
} }
@@ -1075,9 +1075,12 @@ table.dashboard > tbody.sortable > tr > td {
padding: 6px 6px !important; padding: 6px 6px !important;
color: var(--glass-text) !important; color: var(--glass-text) !important;
background: transparent !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 */ /* Header row of each card */
@@ -1145,11 +1148,17 @@ span.tile-header {
span.tile-header-left { span.tile-header-left {
display: flex !important; display: flex !important;
align-items: center !important; align-items: flex-start !important;
gap: 10px !important; gap: 10px !important;
flex: 1 !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) */ /* Stopgap spacers → hidden (card margins handle spacing) */
table.dashboard > thead.stopgap { table.dashboard > thead.stopgap {
display: none !important; display: none !important;