From dcce4fdea15dadd66a888187166369b65ef552db Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Mon, 4 May 2026 10:03:47 +0200
Subject: [PATCH] fix(blog-overview): upcoming-events block escapes prose
 ul-bullet rule

`main ul:not(.not-prose) li` injects a disc bullet on every list under
`main`, which the upcoming-events list inherited. Mark the ul `not-prose`
+ `list-none` so the rule doesn't match. Also bump the calendar-clock
icon from `h-4 w-4` to `size-5` so it visually matches the heading
ascender.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/lib/components/BlogOverview.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/BlogOverview.svelte b/src/lib/components/BlogOverview.svelte
index 579bdcc..0dcd520 100644
--- a/src/lib/components/BlogOverview.svelte
+++ b/src/lib/components/BlogOverview.svelte
@@ -176,12 +176,12 @@
   {/if}
 
   {#if !isFiltering && upcomingEvents.length > 0}
-    <section class="mb-6 rounded-sm border border-zinc-200 bg-zinc-50 p-4">
-      <h2 class="mb-3 flex items-center gap-1.5 text-sm font-semibold tracking-wide text-zinc-700 uppercase">
-        <Icon icon="mdi:calendar-clock" class="h-4 w-4" />
+    <section class="not-prose mb-6 rounded-sm border border-zinc-200 bg-zinc-50 p-4">
+      <h2 class="mb-3 flex items-center gap-2 text-sm font-semibold tracking-wide text-zinc-700 uppercase">
+        <Icon icon="mdi:calendar-clock" class="size-5 shrink-0" />
         {t(T.blog_upcoming_events)}
       </h2>
-      <ul class="space-y-2">
+      <ul class="not-prose list-none space-y-2 pl-0">
         {#each upcomingEvents as ev}
           <li>
             <a href={postHref(ev)} class="group flex items-baseline gap-3 no-underline hover:underline">