From d22275bfe099837898b196cfadea15dceb06d540 Mon Sep 17 00:00:00 2001
From: Tudor <tudor.sitaru@gmail.com>
Date: Tue, 3 Feb 2026 13:03:47 +0000
Subject: [PATCH] Fix modal width mismatch with content

- Remove padding from Modal's .content wrapper (let children control)
- Remove conflicting width/max-width from SchoolSearchModal
- Modal size classes now properly control the width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 nextjs-app/components/Modal.module.css             | 4 +---
 nextjs-app/components/SchoolSearchModal.module.css | 7 ++-----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/nextjs-app/components/Modal.module.css b/nextjs-app/components/Modal.module.css
index 9b920a0..d1ecf4c 100644
--- a/nextjs-app/components/Modal.module.css
+++ b/nextjs-app/components/Modal.module.css
@@ -92,7 +92,6 @@
 }
 
 .content {
-  padding: 1.5rem;
   overflow-y: auto;
   flex: 1;
 }
@@ -139,8 +138,7 @@
     }
   }
 
-  .header,
-  .content {
+  .header {
     padding: 1rem;
   }
 }
diff --git a/nextjs-app/components/SchoolSearchModal.module.css b/nextjs-app/components/SchoolSearchModal.module.css
index 53bc461..837a350 100644
--- a/nextjs-app/components/SchoolSearchModal.module.css
+++ b/nextjs-app/components/SchoolSearchModal.module.css
@@ -1,7 +1,5 @@
 .modalContent {
-  padding: 2rem;
-  max-width: 600px;
-  width: 90vw;
+  padding: 1.5rem;
 }
 
 .title {
@@ -182,8 +180,7 @@
 /* Responsive */
 @media (max-width: 768px) {
   .modalContent {
-    padding: 1.5rem;
-    width: 95vw;
+    padding: 1rem;
   }
 
   .title {