From 3d8f02d9152f8573524248baa8c602ee71f484e2 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Tue, 16 Jun 2026 12:04:49 -0400
Subject: [PATCH] Scope external site link styles to homepage section only

The .section-resources CSS overrides were breaking the Downloads page
resource link layout. Added .section-external-sites class to the
ExternalSitesSection and scoped all image/layout overrides to it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/App.css | 6 +++---
 src/App.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index c7712cd..8bdda19 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3405,18 +3405,18 @@
     flex-shrink: 0;
   }
 
-  .section-resources .resource-link {
+  .section-external-sites .resource-link {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     min-height: unset;
   }
 
-  .section-resources .resource-download-meta {
+  .section-external-sites .resource-download-meta {
     width: 100%;
   }
 
-  .section-resources .resource-link-image {
+  .section-external-sites .resource-link-image {
     width: 100%;
     height: 160px;
     border-radius: 10px;
diff --git a/src/App.tsx b/src/App.tsx
index d65d82b..6596f98 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1106,7 +1106,7 @@ function ExternalSitesSection({ content }: { content: SiteContent }) {
   if (links.length === 0) return null
 
   return (
-    <section className="section-resources" aria-label="External sites">
+    <section className="section-resources section-external-sites" aria-label="External sites">
       <div className="section-inner">
         <div className="download-library-head">
           <p className="eyebrow">Homepage Links</p>