From 79e2b123abe695d18b3b0c52ddfa2f9792be6d76 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.laforce@gmail.com>
Date: Fri, 2 Aug 2024 15:55:06 -0600
Subject: [PATCH] Center iframes and increase height by 10%

---
 index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 80e9943..9a59e18 100644
--- a/index.html
+++ b/index.html
@@ -24,12 +24,13 @@
       width: 100%;
       display: flex;
       flex-direction: column; /* Change to column for vertical stacking */
+      align-items: center; /* Center the iframes horizontally */
       flex: 1;
     }
     iframe {
       flex: 1;
       border: none;
-      height: 50vh; /* Adjust to 1/2 of the viewport height */
+      height: 55vh; /* Increase height by 10% */
       width: 800px; /* Set fixed width */
       max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
     }
@@ -59,8 +60,8 @@
     <h1>CSMS Claims and Neighbors</h1>
   </div>
   <div class="map-container">
-    <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F" style="border:none; overflow-y: hidden; background-color:white; flex: 1;"></iframe>
-    <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white; flex: 1;"></iframe>
+    <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
+    <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
   </div>
   <div class="buttons">
     <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>