Minor UI fixes

materialious/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 156
-        versionName "1.10.15"
+        versionCode 157
+        versionName "1.10.16"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

materialious/electron/materialious.metainfo.xml

@@ -73,7 +73,11 @@
     
     
     
-    <release version="1.10.15" date="2025-10-15">
+    
+    <release version="1.10.16" date="2025-10-15">
+      <url>https://github.com/Materialious/Materialious/releases/tag/1.10.16</url>
+    </release>
+<release version="1.10.15" date="2025-10-15">
       <url>https://github.com/Materialious/Materialious/releases/tag/1.10.15</url>
     </release>
 <release version="1.10.14" date="2025-10-08">

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.10.15",
+	"version": "1.10.16",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",
@@ -44,4 +44,4 @@
 		"capacitor",
 		"electron"
 	]
-}
+}

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.10.15",
+	"version": "1.10.16",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
@@ -70,4 +70,4 @@
 		"svelte-persisted-store": "^0.12.0",
 		"youtubei.js": "^15.1.1"
 	}
-}
+}

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

@@ -94,12 +94,14 @@
 			<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 style="width: 100%;" data-ui="#tab-menu" id="tab-menu">
+				<menu style="width: 100%;">
 					{#each tabs as tab, _}
 						<li
-							data-ui="#tab-menu"
 							onclick={() => {
 								activeTab = tab.id;
+
+								const hiddenElement = document.createElement('div');
+								hiddenElement.click();
 							}}
 							role="presentation"
 						>

materialious/src/lib/css/global.css

@@ -45,8 +45,9 @@ dialog {
 @media screen and (max-width: 1000px) {
 	menu.mobile {
 		position: fixed !important;
-		top: 20% !important;
+		top: 10% !important;
 		width: 100% !important;
+		z-index: 99999;
 	}
 
 	main.root {

materialious/src/routes/(app)/watch/[slug]/+page.svelte

@@ -631,12 +631,18 @@
 			align-items: flex-start;
 			flex-direction: column;
 		}
-	}
 
-	@media screen and (max-width: 1000px) {
 		.video-actions > div {
 			margin-top: 1em;
 		}
+
+		nav.group {
+			flex-direction: column;
+		}
+
+		nav.group button {
+			border-radius: 0.5rem !important;
+		}
 	}
 
 	@media screen and (max-width: 1646px) {

update_versions.py

@@ -3,7 +3,7 @@ import os
 import re
 from datetime import datetime
 
-LATEST_VERSION = "1.10.15"
+LATEST_VERSION = "1.10.16"
 RELEASE_DATE = datetime.now().strftime("%Y-%-m-%d")  # Format: YYYY-M-D
 
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")