updated BASE4 page

index.php

@@ -784,6 +784,7 @@ if (countUpcomingTrips() > 0) { ?>
         background-color: rgba(0, 0, 0, 0.6);
         align-items: center;
         justify-content: center;
+        padding: 20px;
         animation: fadeIn 0.3s ease-in-out;
     }
 
@@ -805,6 +806,10 @@ if (countUpcomingTrips() > 0) { ?>
         box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
         animation: slideDown 0.3s ease-out;
         position: relative;
+        box-sizing: border-box;
+        /* Limit height so the modal never exceeds the viewport and allow internal scrolling */
+        max-height: calc(100vh - 80px);
+        overflow-y: auto;
     }
 
     @keyframes slideDown {
@@ -890,8 +895,17 @@ if (countUpcomingTrips() > 0) { ?>
     }
 
     @media (max-width: 600px) {
+        .updates-modal {
+            /* Align to top on small screens so content's top (and close button) is visible */
+            align-items: flex-start;
+            padding-top: 18px;
+        }
+
         .updates-modal-content {
-            padding: 30px 20px;
+            padding: 20px;
+            max-width: 92%;
+            width: 92%;
+            max-height: calc(100vh - 36px);
         }
 
         .updates-modal-header h2 {