Changeset ee25d45 in Klonkt

Timestamp:

06/17/2026 12:46:48 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

a3e2f17

Parents:

6b0a8e2

Message:

View-switcher: margin-top 1.5rem in shared-styles (the winning inline rule)

The previous edit was in style.css, but shared-styles.ejs (inline <style>,
later in the cascade) set margin-top:0.5rem and won — so the alignment
stayed skewed. Now set symmetrically in the winning rule (1.5rem above =
1.5rem below).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/partials/shared-styles.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -2024 +2024 @@
     border-bottom: 1px solid var(--rule);
     background: var(--paper);
-    /* Even veel lucht boven als onder de pill-balk (was scheef: ~8px boven /
-       24px onder). Symmetrisch oogt rustiger. */
-    margin-top: 1.5rem;
+    /* Bottom margin gives breathing room between the switcher bar and the
+       first post. margin-top staat in shared-styles.ejs (de winnende inline
+       <style>) — symmetrisch op 1.5rem. */
     margin-bottom: 1.5rem;
 }

src/views/partials/shared-styles.ejs

@@ -6 +6 @@
   border-bottom: 1px solid var(--rule);
   background: var(--paper);
-  /* Breathing room: profile-header has padding-bottom 1.5rem already, so a
-     small additional margin-top gives the switcher its own visual layer. */
-  margin-top: 0.5rem;
+  /* Even veel lucht boven als onder de pill-balk (margin-bottom = 1.5rem in
+     style.css). Was 0.5rem → voelde scheef. */
+  margin-top: 1.5rem;
 }
 .view-switcher-wrap .container {