From 81b61ade1b18ba7aa61f92ba5d2e3f770c2c8286 Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:27:29 +0800
Subject: [PATCH] update settings interface markup

---
 gui/pages/settings.htm | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)
diff --git a/gui/pages/settings.htm b/gui/pages/settings.htm
index 73a37dc..7fd747f 100644
--- a/gui/pages/settings.htm
+++ b/gui/pages/settings.htm
@@ -1,16 +1,17 @@
 <html><head>
 	<script type="module" src="../scripts/external/jquery.js"></script>
 	<script type="module" src="../scripts/settings.js"></script>
+	<title data-text="term_preferences"></title>
 </head>
 <body>
 	<main class="window-body has-space">
-		<menu role="tablist">
-  		<button role="tab" aria-controls="settings" data-text="general"></button>
-  		<button role="tab" aria-controls="filters" data-text="filters"></button>
-  		<button role="tab" aria-controls="storage" data-text="storage"></button>
-			<button role="tab" aria-controls="about" data-text="about"></button>
+		<menu role="tablist" for="settings_content">
+  		<button role="tab" for="settings" data-text="general"></button>
+  		<button role="tab" for="filters" data-text="filters"></button>
+  		<button role="tab" for="storage" data-text="storage"></button>
+			<button role="tab" for="about" data-text="about"></button>
 		</menu>
-		<section class="view_main">
+		<section class="view_main" id="settings_content">
 			<section role="tabpanel" id="settings">
 				<fieldset>
 					<legend data-text="general"></legend>
@@ -37,7 +38,7 @@
 					<label data-text="settings_filters_description"></label>
 					<div class="field-row action-buttons">
 						<button data-action="filters,update" data-text="settings_filters_update"></button>
-						<button data-action="open,filters" data-text="settings_filters_open"></button>
+						<button data-action="open,settings,filters" data-text="settings_filters_open"></button>
 					</div>
 				</fieldset>
 			</section>
@@ -50,17 +51,16 @@
 					</div>
 				</fieldset>
 			</section>
+			<section role="tabpanel" id="about">
+				<img data-image="about_app_logo" />
+				<p data-text="extension_name"></p>
+				<p data-text="GUI_status_version"></p>
+				<p data-text="extension_description"></p>
+				<div class="field-row action-buttons">
+					<button data-text="help" data-action="open,help"></button>
+				</div>
+			</section>
 		</section>
-		<section role="tabpanel" id="about">
-			<img data-image="about_app_logo" />
-			<p data-text="extension_name"></p>
-			<p data-text="GUI_status_version"></p>
-			<p data-text="extension_description"></p>
-			<div class="field-row action-buttons">
-				<button data-text="help" data-action="open,help"></button>
-			</div>
-		</section>
-	</section>
 	</main>
 	</div>
 </body></html>
