From 0273aa04232535441b79456adf5bde0f49a6f484 Mon Sep 17 00:00:00 2001
From: miloschwartz <mschwartz10612@gmail.com>
Date: Mon, 28 Sep 2026 14:14:28 -0400
Subject: [PATCH] adjust alert icon positioning

---
 app/global.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/global.css b/app/global.css
index f876299..c937929 100644
--- a/app/global.css
+++ b/app/global.css
@@ -502,6 +502,7 @@ figure.shiki .line.highlighted {
   --pg-callout-accent: #525252;
   position: relative;
   display: flex;
+  align-items: flex-start;
   gap: 0.75rem;
   margin-block: 1.25rem;
   padding: 0.9rem 1rem;
@@ -532,8 +533,11 @@ figure.shiki .line.highlighted {
 }
 
 .pg-callout-icon {
+  display: flex;
   flex-shrink: 0;
-  margin-top: 0.15rem;
+  align-items: center;
+  /* same height as the first line of prose, so the icon centers on that row */
+  height: calc(1.75rem * var(--tw-prose-size, 1));
   color: var(--pg-callout-accent);
 }