style: add border-radius to map iframe

(cherry picked from commit 66259a6)

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"