From 87a0528689911a0fbd92e848233a013744836f64 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.laforce@gmail.com>
Date: Fri, 2 Aug 2024 15:57:36 -0600
Subject: [PATCH] Update iframes to be 20% wider and taller, center them, and
 ensure buttons open links in new tabs

---
 index.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 9a59e18..976a846 100644
--- a/index.html
+++ b/index.html
@@ -28,11 +28,10 @@
       flex: 1;
     }
     iframe {
-      flex: 1;
       border: none;
-      height: 55vh; /* Increase height by 10% */
-      width: 800px; /* Set fixed width */
-      max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
+      height: 60%; /* Adjust as necessary to fit within the viewport */
+      width: 960px; /* Adjust as necessary to fit within the viewport */
+      margin: 10px 0;
     }
     .buttons {
       width: 100%;
@@ -60,8 +59,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;"></iframe>
-    <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white;"></iframe>
+    <iframe src="https://www.google.com/maps/d/embed?mid=1CH09O8Gp7sQ6H2GdybFvRdLB-1vElVc&ehbc=2E312F"></iframe>
+    <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True"></iframe>
   </div>
   <div class="buttons">
     <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>