From 0f03811009f10d88a6819fbed26366420ea26640 Mon Sep 17 00:00:00 2001
From: Craig Haseler <cahaseler@gmail.com>
Date: Tue, 10 Mar 2026 13:13:45 -0400
Subject: [PATCH] fix: repair broken filter dropdowns on ships page

Dropdowns were clipped because overflow-x: auto on filterSection
created a scroll container that clips absolutely-positioned children.
Moved overflow-x to an inner scroll wrapper so dropdowns render freely.
---
 src/app/ships/page.module.css | 3 +++
 src/app/ships/page.tsx        | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/src/app/ships/page.module.css b/src/app/ships/page.module.css
index ff936e4..8ea8c1d 100644
--- a/src/app/ships/page.module.css
+++ b/src/app/ships/page.module.css
@@ -167,6 +167,9 @@
 /* === Filter Bar === */
 .filterSection {
   margin-bottom: 2rem;
+}
+
+.filterRowScroll {
   overflow-x: auto;
 }
 
diff --git a/src/app/ships/page.tsx b/src/app/ships/page.tsx
index f08a769..e451aee 100644
--- a/src/app/ships/page.tsx
+++ b/src/app/ships/page.tsx
@@ -397,6 +397,7 @@ export default function ShipsPage() {
 
       {!loading && !error && ships.length > 0 && (
         <div className={styles.filterSection}>
+          <div className={styles.filterRowScroll}>
           <div className={styles.filterRow}>
 
             {/* Empire dropdown */}
@@ -604,6 +605,7 @@ export default function ShipsPage() {
             </div>
 
           </div>
+          </div>
         </div>
       )}