From c7d94cfba2de26775bddfa4fb62ec51ae85fe339 Mon Sep 17 00:00:00 2001
From: Antigravity Agent <antigravity@gemini.google.com>
Date: Wed, 4 Feb 2026 20:37:24 +0100
Subject: [PATCH] fix(ui): ensure article card expands to fit content height

---
 web/src/components/ReaderView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ReaderView.tsx b/web/src/components/ReaderView.tsx
index a0d3faa..1c39e6e 100644
--- a/web/src/components/ReaderView.tsx
+++ b/web/src/components/ReaderView.tsx
@@ -19,11 +19,11 @@ export function ReaderView({ article, onClose, onToggleFavorite }: ReaderViewPro
 
     return (
         <div
-            className="fixed inset-0 z-50 bg-carbon/95 backdrop-blur-md flex justify-center overflow-y-auto animate-in fade-in duration-500"
+            className="fixed inset-0 z-50 bg-carbon/95 backdrop-blur-md flex justify-center items-start overflow-y-auto animate-in fade-in duration-500"
             onClick={onClose}
         >
             <div
-                className="w-full max-w-4xl bg-carbon-light min-h-screen my-0 md:my-12 shadow-[0_0_100px_rgba(0,0,0,0.8)] relative animate-in slide-in-from-bottom duration-700 rounded-t-3xl md:rounded-3xl border border-white/5"
+                className="w-full max-w-4xl bg-carbon-light h-fit min-h-[50vh] my-12 shadow-[0_0_100px_rgba(0,0,0,0.8)] relative animate-in slide-in-from-bottom duration-700 rounded-3xl border border-white/5"
                 onClick={(e) => e.stopPropagation()}
             >
                 {/* Progress bar simulation */}