From 4040acce26ccb1db4f7272aa26f8ef577aea7523 Mon Sep 17 00:00:00 2001
From: Rucha Mahabal <ruchamahabal2@gmail.com>
Date: Wed, 3 Apr 2024 09:02:19 +0530
Subject: [PATCH] style: add border-radius to map iframe

(cherry picked from commit 66259a6a9f154879c153cc8503cb99082f813793)
---
 frontend/src/components/CheckInPanel.vue | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/CheckInPanel.vue b/frontend/src/components/CheckInPanel.vue
index add2ede489..88981db9b5 100644
--- a/frontend/src/components/CheckInPanel.vue
+++ b/frontend/src/components/CheckInPanel.vue
@@ -55,16 +55,19 @@
 				{{ locationStatus }}
 			</span>
 
-			<iframe
-				width="370"
-				height="170"
-				frameborder="1"
-				scrolling="no"
-				marginheight="0"
-				marginwidth="0"
-				:src="`https://maps.google.com/maps?q=${latitude},${longitude}&hl=en&z=15&amp;output=embed`"
-			>
-			</iframe>
+			<div class="rounded border-4 translate-z-0 block overflow-hidden w-350 h-170">
+				<iframe
+					width="350"
+					height="170"
+					frameborder="0"
+					scrolling="no"
+					marginheight="0"
+					marginwidth="0"
+					style="border:0"
+					:src="`https://maps.google.com/maps?q=${latitude},${longitude}&hl=en&z=15&amp;output=embed`"
+				>
+				</iframe>
+			</div>
 
 			<Button
 				class="mt-4 mb-1 drop-shadow-sm py-5 text-base"