From 4f06674b61a93549fb56feb819db17b5fbd6adc4 Mon Sep 17 00:00:00 2001 From: librelad Date: Fri, 17 Jul 2026 23:35:43 +0100 Subject: [PATCH] ux(tasks): frame the task-type icon in a tile to match the app icon MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The type glyph (🩺/🔄/✅…) sat bare next to the framed .task-app-icon tile. Give it the same 32px rounded tile (border + surface-elevated bg) so the two read as a matched pair; spacing now comes from .task-info's gap like the app icon. Co-Authored-By: Claude Opus 4.8 (1M context) Signed-off-by: librelad --- .../libreportal/frontend/core/theme/css/base.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/containers/libreportal/frontend/core/theme/css/base.css b/containers/libreportal/frontend/core/theme/css/base.css index 18d0ca5..4228923 100755 --- a/containers/libreportal/frontend/core/theme/css/base.css +++ b/containers/libreportal/frontend/core/theme/css/base.css @@ -3403,9 +3403,16 @@ html[data-theme="nebula"]::after { } .task-type-icon { + /* Framed tile matching .task-app-icon so the type glyph and the app/logo icon + read as a matched pair. Spacing comes from .task-info's gap, like the app + icon, so drop the old per-side margins. */ + width: 32px; + height: 32px; + border-radius: 8px; + border: 1px solid var(--border); + background: var(--surface-elevated); + flex: 0 0 auto; font-size: 16px; - margin-left: 6px; - margin-right: 6px; display: flex; align-items: center; justify-content: center;