From 65ef193a7017ce0e5cf3d804c573af64c7d2d776 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 15 Oct 2025 22:31:00 +1300
Subject: [PATCH] Minor UI fixes

---
 materialious/android/app/build.gradle                  |  4 ++--
 materialious/electron/materialious.metainfo.xml        |  6 +++++-
 materialious/electron/package.json                     |  4 ++--
 materialious/package.json                              |  4 ++--
 .../src/lib/components/Settings/Settings.svelte        |  6 ++++--
 materialious/src/lib/css/global.css                    |  3 ++-
 .../src/routes/(app)/watch/[slug]/+page.svelte         | 10 ++++++++--
 update_versions.py                                     |  2 +-
 8 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/materialious/android/app/build.gradle b/materialious/android/app/build.gradle
index 00067188..fe2e5a2e 100644
--- a/materialious/android/app/build.gradle
+++ b/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.
diff --git a/materialious/electron/materialious.metainfo.xml b/materialious/electron/materialious.metainfo.xml
index 653b4f2e..559b9ffe 100644
--- a/materialious/electron/materialious.metainfo.xml
+++ b/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">
diff --git a/materialious/electron/package.json b/materialious/electron/package.json
index 1025517a..8d12a6b3 100644
--- a/materialious/electron/package.json
+++ b/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"
 	]
-}
+}
\ No newline at end of file
diff --git a/materialious/package.json b/materialious/package.json
index 4cf3b1d2..887c6b4d 100644
--- a/materialious/package.json
+++ b/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"
 	}
-}
+}
\ No newline at end of file
diff --git a/materialious/src/lib/components/Settings/Settings.svelte b/materialious/src/lib/components/Settings/Settings.svelte
index 823215f2..b46210e5 100644
--- a/materialious/src/lib/components/Settings/Settings.svelte
+++ b/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"
 						>
diff --git a/materialious/src/lib/css/global.css b/materialious/src/lib/css/global.css
index f2d00f59..6ffa26b7 100644
--- a/materialious/src/lib/css/global.css
+++ b/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 {
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index c61d3bff..df5d116d 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/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) {
diff --git a/update_versions.py b/update_versions.py
index 8b678474..ff28d2ae 100644
--- a/update_versions.py
+++ b/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")