ui: Abstände halbiert, aktive Pills weiss

.atlas gap spacing-lg→md, margin-top spacing-md→sm;
.collection-title margin-bottom spacing-md→sm;
.lib-filter margin-bottom spacing-md→sm.
Archiv-Toggle aktiv: color white (wie Library-Pills).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-06 02:16:11 +02:00
parent 42f2823ff0
commit d6c5b2edb4
+5 -5
View File
@@ -746,7 +746,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
.entry-links-label { font-size: var(--font-size-small); font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
/* Library-Übersicht: Suchfeld + Kategorie-Pills */
.lib-filter { margin-bottom: var(--spacing-md); display: flex; flex-direction: column; gap: 0.6em; }
.lib-filter { margin-bottom: var(--spacing-sm); display: flex; flex-direction: column; gap: 0.5em; }
.lib-search { width: 100%; padding: 0.45em 0.8em; border: 1px solid var(--color-border); border-radius: 6px;
background: var(--color-bg-secondary); color: var(--color-text-primary); font-size: var(--font-size-base); font-family: inherit; }
.lib-search:focus { outline: none; border-color: var(--section-color, var(--accent)); }
@@ -1069,8 +1069,8 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
.atlas {
display: flex;
flex-direction: column;
gap: var(--spacing-lg);
margin-top: var(--spacing-md);
gap: var(--spacing-md);
margin-top: var(--spacing-sm);
}
.atlas-section h2,
.atlas-tags h2 {
@@ -1165,7 +1165,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
color: var(--color-text-primary);
border-bottom: 3px solid var(--section-color, var(--accent));
padding-bottom: 0.03em;
margin: 0 0 var(--spacing-md);
margin: 0 0 var(--spacing-sm);
}
/* Archiv-Umschalter (Kategorie ↔ Jahr) */
@@ -1179,7 +1179,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
.archiv-toggle button.is-active {
background: var(--section-color, var(--accent));
border-color: var(--section-color, var(--accent));
color: var(--color-text-primary); font-weight: 600;
color: white; font-weight: 600;
}
.archiv-view[hidden] { display: none; }