From 6b5884fef236ee68bedbe83128fd0888e4b8ce89 Mon Sep 17 00:00:00 2001
From: Akhil Manthina <akhilmanthina@gmail.com>
Date: Sun, 24 Aug 2025 13:07:13 -0700
Subject: [PATCH] fixes issue where article elements in article lists had an
 extra line break under the heading until they were hovered over

---
 sass/_article-list.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index a5827bb..130590d 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -65,12 +65,15 @@
 			font-weight: bold;
 			line-height: 1;
 			font-family: var(--font-system-ui);
-
+			display: flex;
+			align-items: center;
+			
 			&::after {
 				-webkit-mask-image: var(--icon-right);
 				display: inline-block;
 				position: relative;
 				transform: translateX(-0.25rem);
+				top: 0.1rem;
 				opacity: 0;
 				mask-image: var(--icon-right);
 				transition: var(--transition);
@@ -80,6 +83,8 @@
 				height: 1rem;
 				pointer-events: none;
 				content: "";
+				/* Add flex-shrink to prevent the icon from shrinking */
+				flex-shrink: 0;
 
 				:root[dir*="rtl"] & {
 					transform: scaleX(-1) translateX(-0.25rem);