Work on notch detection (#368)

Author: cdauth

frontend/src/lib/components/search-box/search-box.vue

@@ -307,16 +307,19 @@
 					pointer-events: none;
 				}
 			}
+
+			> .card-body {
+				margin-left: var(--facilmap-inset-left, 0px);
+				margin-right: var(--facilmap-inset-right, 0px);
+				margin-bottom: var(--facilmap-inset-bottom, 0px);
+			}
 		}
 
 		> .card-body {
 			display: flex;
 			flex-direction: column;
 			min-height: 0;
 			overflow: auto;
-			margin-left: var(--facilmap-inset-left, 0px);
-			margin-right: var(--facilmap-inset-right, 0px);
-			margin-bottom: var(--facilmap-inset-bottom, 0px);
 		}
 
 		> .card-header {

frontend/src/map/map.ejs

@@ -30,15 +30,10 @@
 
 			html {
 				height: 100%;
-			}
-
-			@supports(padding:max(0px)) {
-				html {
-					--facilmap-inset-top: env(safe-area-inset-top, 0px);
-					--facilmap-inset-right: env(safe-area-inset-right, 0px);
-					--facilmap-inset-bottom: env(safe-area-inset-bottom, 0px);
-					--facilmap-inset-left: env(safe-area-inset-left, 0px);
-				}
+				--facilmap-inset-top: env(safe-area-inset-top, 0px);
+				--facilmap-inset-right: env(safe-area-inset-right, 0px);
+				--facilmap-inset-bottom: env(safe-area-inset-bottom, 0px);
+				--facilmap-inset-left: env(safe-area-inset-left, 0px);
 			}
 
 			#loading {