From b841c7e8662a3c02c00880410bba896ddd4bd505 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 9 Oct 2024 10:58:30 +1300
Subject: [PATCH 1/2] More setting improvements

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

diff --git a/materialious/android/app/build.gradle b/materialious/android/app/build.gradle
index 6ceed50a..01a45972 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 55
-        versionName "1.6.4"
+        versionCode 56
+        versionName "1.6.5"
         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 a85204d9..1a4c89b2 100644
--- a/materialious/electron/package.json
+++ b/materialious/electron/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.6.4",
+	"version": "1.6.5",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",
diff --git a/materialious/package.json b/materialious/package.json
index 4432d715..b398620c 100644
--- a/materialious/package.json
+++ b/materialious/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.6.4",
+	"version": "1.6.5",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
diff --git a/materialious/src/lib/Settings.svelte b/materialious/src/lib/Settings.svelte
index 7a921d28..52754530 100644
--- a/materialious/src/lib/Settings.svelte
+++ b/materialious/src/lib/Settings.svelte
@@ -106,7 +106,7 @@
 		| 'dearrow' = 'interface';
 </script>
 
-<dialog class="max" id="dialog-settings">
+<dialog id="dialog-settings">
 	<nav style="margin-bottom: 1em;">
 		<h4 class="max">{$_('layout.settings')}</h4>
 		<button class="circle transparent" data-ui="#dialog-settings"><i>close</i></button>
@@ -156,22 +156,20 @@
 			</a>
 		</nav>
 		<div class="page padding" class:active={activeTab === 'interface'}>
-			<nav class="wrap">
-				<button on:click={toggleDarkMode} class="no-margin">
-					{#if !$darkModeStore}
-						<i>dark_mode</i>
-						<span>{$_('layout.theme.darkMode')}</span>
-					{:else}
-						<i>light_mode</i>
-						<span>{$_('layout.theme.lightMode')}</span>
-					{/if}
-				</button>
-				<button>
-					<i>palette</i>
-					<span>{$_('layout.theme.color')}</span>
-					<input on:change={setColor} type="color" />
-				</button>
-			</nav>
+			<button on:click={toggleDarkMode} class="no-margin">
+				{#if !$darkModeStore}
+					<i>dark_mode</i>
+					<span>{$_('layout.theme.darkMode')}</span>
+				{:else}
+					<i>light_mode</i>
+					<span>{$_('layout.theme.lightMode')}</span>
+				{/if}
+			</button>
+			<button>
+				<i>palette</i>
+				<span>{$_('layout.theme.color')}</span>
+				<input on:change={setColor} type="color" />
+			</button>
 
 			<div class="margin"></div>
 
@@ -732,6 +730,13 @@
 	@media screen and (max-width: 650px) {
 		dialog {
 			padding: 0;
+			inset: 0 auto auto 0;
+			inline-size: 100%;
+			block-size: 100%;
+			max-inline-size: 100%;
+			max-block-size: 100%;
+			transform: translateY(0);
+			background-color: var(--surface);
 		}
 	}
 </style>
diff --git a/materialious/static/style.css b/materialious/static/style.css
index 97cb2254..a037bca6 100644
--- a/materialious/static/style.css
+++ b/materialious/static/style.css
@@ -94,7 +94,6 @@ main.root {
 		font-size: 1.5rem !important;
 		padding: .5em .3em !important;
 		border-radius: 3em !important;
-		margin-bottom: .5em;
 	}
 
 	nav.tabbed.small {
diff --git a/update_versions.py b/update_versions.py
index 6d5ebae3..f9e69fbe 100644
--- a/update_versions.py
+++ b/update_versions.py
@@ -5,7 +5,7 @@ import json
 import os
 import re
 
-LATEST_VERSION = "1.6.4"
+LATEST_VERSION = "1.6.5"
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")
 
 ROOT_PACKAGE = os.path.join(WORKING_DIR, "package.json")

From 5dd6805b1ccb008345488e3c7126122b99ab40b8 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 9 Oct 2024 11:00:28 +1300
Subject: [PATCH 2/2] No dialog border radius on mobile

---
 materialious/src/lib/Settings.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/materialious/src/lib/Settings.svelte b/materialious/src/lib/Settings.svelte
index 52754530..c15a9094 100644
--- a/materialious/src/lib/Settings.svelte
+++ b/materialious/src/lib/Settings.svelte
@@ -737,6 +737,7 @@
 			max-block-size: 100%;
 			transform: translateY(0);
 			background-color: var(--surface);
+			border-radius: 0;
 		}
 	}
 </style>