trying to fix firefox android

VolksRat71 · VolksRat71 · commit e780d6fc4556 · 2025-12-13T18:17:57.000-06:00
diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 		<title>React2Shell (CVE-2025-55182) Visualization</title>
 		<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/favicon.svg" />
 		<!-- Local Fonts -->
diff --git a/src/lib/components/VideoControls.svelte b/src/lib/components/VideoControls.svelte
@@ -1075,6 +1075,8 @@
 			border-radius: 0;
 			border-top: 1px solid var(--border);
 			box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
+			/* Account for safe area on devices with gesture bars/notches */
+			padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
 		}
 
 		/* Show caption slot on mobile - positioned above the controls */

Original file line number	Diff line number	Diff line change
`@@ -1075,6 +1075,8 @@`
`1075`	`1075`	`border-radius: 0;`
`1076`	`1076`	`border-top: 1px solid var(--border);`
`1077`	`1077`	`box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);`
	`1078`	`+ /* Account for safe area on devices with gesture bars/notches */`
	`1079`	`+ padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));`
`1078`	`1080`	`}`
`1079`	`1081`
`1080`	`1082`	`/* Show caption slot on mobile - positioned above the controls */`