From e727ed35a923ae834e7c0e470089678843b5cffa Mon Sep 17 00:00:00 2001
From: Joe Gitta <jgitta@jgitta.com>
Date: Wed, 27 May 2026 14:29:31 +0000
Subject: [PATCH] deploy: adjust news story scrolling to headline top

---
 news.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/news.html b/news.html
index 24af8d4..12063f5 100644
--- a/news.html
+++ b/news.html
@@ -104,6 +104,7 @@
       border-radius: 20px;
       overflow: hidden;
       transition: background 0.2s, transform 0.15s;
+      scroll-margin-top: 20px; /* Keep beautiful breathing room at the top of viewport when focused */
     }
 
     .story-card:hover {
@@ -221,6 +222,9 @@
       <!-- National News Section -->
       <div class="category-title">🇺🇸 National News</div>
       <div class="stories-list" id="national-news-list"></div>
+
+      <!-- High-viewport spacer to guarantee that even the last stories in the list can scroll perfectly to the top headline -->
+      <div style="height: 75vh;"></div>
     </div>
 
     <div class="footer-nav">