From 82058c0ef48e72829ceb915f248f7aea40b38441 Mon Sep 17 00:00:00 2001 From: Gigi Date: Tue, 14 Oct 2025 11:32:16 +0200 Subject: [PATCH] style: remove extra indent from highlight comments - Remove margin-left from comment container - Icon alone provides sufficient visual indentation - Cleaner alignment with highlight content --- src/styles/layout/highlights.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/layout/highlights.css b/src/styles/layout/highlights.css index c9e0f379..9defa889 100644 --- a/src/styles/layout/highlights.css +++ b/src/styles/layout/highlights.css @@ -129,7 +129,7 @@ .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-citation { margin-left: 1.25rem; font-size: 0.8rem; color: var(--color-text-secondary); font-style: normal; padding-top: 0.25rem; } -.highlight-comment { margin-top: 0.5rem; margin-left: 1.25rem; padding: 0.75rem; border-radius: 4px; font-size: 0.875rem; color: var(--color-text); line-height: 1.5; display: flex; gap: 0.5rem; align-items: flex-start; } +.highlight-comment { margin-top: 0.5rem; padding: 0.75rem; border-radius: 4px; font-size: 0.875rem; color: var(--color-text); line-height: 1.5; display: flex; gap: 0.5rem; align-items: flex-start; } .highlight-comment-icon { flex-shrink: 0; margin-top: 0.125rem; } /* Level-colored comment icons */