From 13ed5d11882e202d15088241d349d5982d5a9675 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 9 Oct 2024 10:37:54 +1300
Subject: [PATCH] Improved mobile settings

---
 materialious/android/app/build.gradle |  4 ++--
 materialious/electron/package.json    |  2 +-
 materialious/package.json             |  2 +-
 materialious/src/lib/Settings.svelte  |  8 +++++++-
 materialious/static/style.css         | 24 ++++++++++++++++++++++++
 update_versions.py                    |  2 +-
 6 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/materialious/android/app/build.gradle b/materialious/android/app/build.gradle
index 8fc6fc1c..6ceed50a 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 54
-        versionName "1.6.3"
+        versionCode 55
+        versionName "1.6.4"
         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/package.json b/materialious/electron/package.json
index dc816648..a85204d9 100644
--- a/materialious/electron/package.json
+++ b/materialious/electron/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",
diff --git a/materialious/package.json b/materialious/package.json
index 31eb170a..4432d715 100644
--- a/materialious/package.json
+++ b/materialious/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
diff --git a/materialious/src/lib/Settings.svelte b/materialious/src/lib/Settings.svelte
index 90ae9c37..7a921d28 100644
--- a/materialious/src/lib/Settings.svelte
+++ b/materialious/src/lib/Settings.svelte
@@ -113,7 +113,7 @@
 	</nav>
 
 	<div>
-		<nav class="tabbed small scroll">
+		<nav class="tabbed small">
 			<a class:active={activeTab === 'interface'} on:click={() => (activeTab = 'interface')}>
 				<i>grid_view</i>
 				<span>{$_('layout.interface')}</span>
@@ -728,4 +728,10 @@
 	.tabbed {
 		overflow-y: hidden;
 	}
+
+	@media screen and (max-width: 650px) {
+		dialog {
+			padding: 0;
+		}
+	}
 </style>
diff --git a/materialious/static/style.css b/materialious/static/style.css
index b20b1599..97cb2254 100644
--- a/materialious/static/style.css
+++ b/materialious/static/style.css
@@ -78,3 +78,27 @@ main.root {
 		display: none !important;
 	}
 }
+
+@media screen and (max-width: 1030px) {
+	nav.tabbed {
+		display: flex !important;
+		flex-direction: column !important;
+		gap: 0 !important;
+		flex: 0 !important;
+		margin-bottom: 1em !important;
+		align-items: start !important;
+		padding: 1em 0 !important;
+	}
+
+	nav.tabbed>a {
+		font-size: 1.5rem !important;
+		padding: .5em .3em !important;
+		border-radius: 3em !important;
+		margin-bottom: .5em;
+	}
+
+	nav.tabbed.small {
+		block-size: 100% !important;
+		border-radius: 0 !important;
+	}
+}
\ No newline at end of file
diff --git a/update_versions.py b/update_versions.py
index 966dbd0f..6d5ebae3 100644
--- a/update_versions.py
+++ b/update_versions.py
@@ -5,7 +5,7 @@ import json
 import os
 import re
 
-LATEST_VERSION = "1.6.3"
+LATEST_VERSION = "1.6.4"
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")
 
 ROOT_PACKAGE = os.path.join(WORKING_DIR, "package.json")