From 66a5bb116fda43fd8f6f089b7648baab82c12ae6 Mon Sep 17 00:00:00 2001 From: andersonid Date: Thu, 25 Sep 2025 18:17:39 -0300 Subject: [PATCH] UI: improve accordion card alignment - namespace left, stats right --- app/static/index.html | 31 ++++++++++++++++++++++++++++--- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/app/static/index.html b/app/static/index.html index 699dbf6..2226f91 100644 --- a/app/static/index.html +++ b/app/static/index.html @@ -241,21 +241,46 @@ padding: 1rem 1.5rem; cursor: pointer; display: flex; - justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; transition: all 0.2s; position: relative; + gap: 1rem; } - .accordion-header:hover { - background: #e9ecef; + .accordion-title { + flex: 0 0 auto; + font-weight: 600; + font-size: 1.1rem; + color: #333; + min-width: 0; + } + + .accordion-stats { + display: flex; + gap: 1rem; + align-items: center; + flex: 0 0 auto; + margin-left: auto; + } + + .accordion-stat { + font-size: 0.9rem; + font-weight: 500; + white-space: nowrap; + text-align: right; } .accordion-arrow { font-size: 1.2rem; transition: transform 0.3s ease; color: #6c757d; + flex: 0 0 auto; + margin-left: 0.5rem; + } + + .accordion-header:hover { + background: #e9ecef; } .accordion-header.active .accordion-arrow {