From 2fa07699fdbc02a3c7420e7a8538b96a45bb9df6 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Mon, 22 Dec 2025 06:39:18 +1300
Subject: [PATCH] Click to play/pause

---
 materialious/src/lib/components/Player.svelte | 12 +++++++++++-
 materialious/src/lib/css/global.css           |  3 ++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index c7d8f465..6223955e 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -905,6 +905,16 @@
 	class:contain-video={!$isAndroidTvStore}
 	class:tv-contain-video={$isAndroidTvStore}
 	class:hide={showVideoRetry}
+	role="presentation"
+	onclick={(event) => {
+		if (
+			event.target &&
+			event.target instanceof HTMLElement &&
+			event.target.id === 'player-center'
+		) {
+			toggleVideoPlaybackStatus();
+		}
+	}}
 >
 	<video
 		controls={false}
@@ -921,7 +931,7 @@
 		{#if playerIsBuffering}
 			<progress class="circle large indeterminate" value="50" max="100"></progress>
 		{:else if !playerCurrentPlaybackState}
-			<button class="circle large">
+			<button class="circle extra" onclick={toggleVideoPlaybackStatus}>
 				<i>play_arrow</i>
 			</button>
 		{/if}
diff --git a/materialious/src/lib/css/global.css b/materialious/src/lib/css/global.css
index 4ec29945..b9bceaab 100644
--- a/materialious/src/lib/css/global.css
+++ b/materialious/src/lib/css/global.css
@@ -79,7 +79,8 @@ menu {
 @media screen and (max-width: 1000px) {
 	menu.mobile {
 		position: fixed !important;
-		top: 10% !important;
+		top: 20% !important;
+		height: 100vh !important;
 		width: 100% !important;
 		z-index: 99999;
 		transform: unset !important;