Fixes to mobile ui

materialious/android/.idea/deploymentTargetSelector.xml

@@ -4,10 +4,10 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2025-10-08T03:32:17.403921789Z">
+        <DropdownSelection timestamp="2025-10-14T13:17:54.830930475Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="LocalEmulator" identifier="path=/home/ward/.android/avd/Television_4K.avd" />
+              <DeviceId pluginId="LocalEmulator" identifier="path=/home/ward/.android/avd/Pixel_9.avd" />
             </handle>
           </Target>
         </DropdownSelection>

materialious/src/lib/components/Settings/Settings.svelte

@@ -91,18 +91,17 @@
 
 	<div>
 		<nav class="wrap s">
-			<button class="large max small-round secondary">
+			<button class="large small-round secondary max" data-ui="#tab-menu">
 				<i>{tabs[tabIds.indexOf(activeTab)].icon}</i>
 				<span>{tabs[tabIds.indexOf(activeTab)].label}</span>
-				<menu class="wrap max">
+				<menu style="width: 100%;" data-ui="#tab-menu" id="tab-menu">
 					{#each tabs as tab, _}
 						<li
-							role="presentation"
-							class:active={isActive(tab.id)}
+							data-ui="#tab-menu"
 							onclick={() => {
 								activeTab = tab.id;
-								(document.activeElement as HTMLElement)?.blur();
 							}}
+							role="presentation"
 						>
 							<i>{tab.icon}</i>
 							<span>{tab.label}</span>

materialious/src/lib/css/global.css

@@ -44,7 +44,6 @@ dialog {
 
 @media screen and (max-width: 1000px) {
 	menu.mobile {
-		z-index: 9999 !important;
 		position: fixed !important;
 		top: 20% !important;
 		width: 100% !important;

materialious/src/lib/css/shaka-player-theme.css

@@ -18,7 +18,6 @@
 	visibility: visible !important;
 	z-index: 99999999 !important;
 	pointer-events: auto !important;
-	pointer-events: auto !important;
 	max-height: 400px !important;
 }
 
@@ -47,7 +46,6 @@
 		left: 50% !important;
 		height: 50vh !important;
 		transform: translate(-50%, -50%) !important;
-		pointer-events: all !important;
 		pointer-events: auto !important;
 		opacity: 1 !important;
 		visibility: visible !important;