From 06c8154d0d9f1e78b55ea954c2f3e9791ed6b6f2 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.laforce@gmail.com>
Date: Fri, 2 Aug 2024 15:53:00 -0600
Subject: [PATCH] Adjust iframe heights to 1/2 of viewport and set width to 800
 pixels

---
 index.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1c2dba7..80e9943 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,9 @@
     iframe {
       flex: 1;
       border: none;
-      height: 33%; /* Adjust to 1/3 of the viewport height */
+      height: 50vh; /* Adjust to 1/2 of the viewport height */
+      width: 800px; /* Set fixed width */
+      max-width: 100%; /* Ensure it doesn't overflow on smaller screens */
     }
     .buttons {
       width: 100%;
@@ -61,8 +63,8 @@
     <iframe src="https://www.gaiagps.com/public/VVXcZPvEfvAbvRWi5F0DQPNT/?embed=True" style="border:none; overflow-y: hidden; background-color:white; flex: 1;"></iframe>
   </div>
   <div class="buttons">
-    <button onclick="window.location.href='https://rebrand.ly/csmsgoogle'">View on Google Maps</button>
-    <button onclick="window.location.href='https://rebrand.ly/csmsgaia'">View on Gaia GPS</button>
+    <button onclick="window.open('https://rebrand.ly/csmsgoogle', '_blank')">View on Google Maps</button>
+    <button onclick="window.open('https://rebrand.ly/csmsgaia', '_blank')">View on Gaia GPS</button>
   </div>
 </body>
 </html>