From f267df8f6026c37a47e6b78f679dd40a71bfa94a Mon Sep 17 00:00:00 2001 From: Gigi Date: Tue, 14 Oct 2025 10:35:34 +0200 Subject: [PATCH] feat(ui): increase bottom padding in highlight cards - Increase bottom padding from 0.75rem to 2.5rem - Reduces gap between cards from 1rem to 0.75rem (user edit) - Provides more breathing room between text and footer - Improves readability and visual balance --- src/styles/layout/highlights.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/styles/layout/highlights.css b/src/styles/layout/highlights.css index 7997c5f4..4a2f72b3 100644 --- a/src/styles/layout/highlights.css +++ b/src/styles/layout/highlights.css @@ -80,7 +80,7 @@ .highlights-empty svg { color: var(--color-text-muted); margin-bottom: 0.5rem; } .empty-hint { font-size: 0.875rem; color: var(--color-text-muted); margin-top: 0.5rem; } -.highlights-list { overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 1rem; } +.highlights-list { overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; } .highlight-item { background: var(--color-bg-subtle); border: 1px solid var(--color-border); border-radius: 8px; padding: 0; display: flex; transition: border-color 0.2s ease; position: relative; } .highlight-item:hover { border-color: var(--color-primary); } .highlight-item.selected { border-color: var(--color-primary); background: var(--color-bg-elevated); box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3); } @@ -126,7 +126,7 @@ .highlight-item.level-friends .highlight-quote-icon { color: var(--highlight-color-friends, #f97316); } .highlight-item.level-nostrverse .highlight-quote-icon { color: var(--highlight-color-nostrverse, #9333ea); } -.highlight-content { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; padding: 2.25rem 0.75rem; } +.highlight-content { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; padding: 2.25rem 0.75rem 2.5rem; } .highlight-text { margin: 0; padding: 0 0 0 1.25rem; font-style: italic; color: var(--color-text); line-height: 1.6; border-left: none; font-size: 0.95rem; } .highlight-comment { margin-top: 0.5rem; margin-left: 1.25rem; padding: 0.75rem; border-left: 3px solid; border-radius: 4px; font-size: 0.875rem; color: var(--color-text); line-height: 1.5; }