From 66470d127cf52f50ed7b383477ea139b226aac6f Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 19:54:12 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Improve=20UI=20accessibility=20a?=
 =?UTF-8?q?nd=20code=20consistency=20by=20adding=20label=20`for`=20attribu?=
 =?UTF-8?q?te,=20updating=20button=20styles,=20and=20refining=20DOM=20mani?=
 =?UTF-8?q?pulation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/GamemasterExplorer.vue          | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
index b6b736c..0fffed0 100644
--- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
@@ -162,8 +162,8 @@
 
       <!-- Property Filter -->
       <div v-if="fileContent && jsonPaths.length > 0" class="property-filter">
-        <label>Filter by Property:</label>
-        <select v-model="filterProperty" @change="onFilterChange">
+        <label for="property-select">Filter by Property:</label>
+        <select id="property-select" v-model="filterProperty" @change="onFilterChange">
           <option value="">All Properties</option>
           <option v-for="path in jsonPaths" :key="path" :value="path">
             {{ path }}
@@ -306,7 +306,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted, nextTick } from 'vue';
+import { ref, computed, onMounted, nextTick } from 'vue';
 import { RecycleScroller } from 'vue-virtual-scroller';
 import { GamemasterClient } from '@/utilities/gamemaster-client.js';
 import { useKeyboardShortcuts } from '@/composables/useKeyboardShortcuts.js';
@@ -678,12 +678,12 @@ function downloadFile(content, filename) {
   a.download = filename;
   document.body.appendChild(a);
   a.click();
-  document.body.removeChild(a);
+  a.remove();
   URL.revokeObjectURL(url);
 }
 
 async function shareUrl() {
-  const url = window.location.href;
+  const url = globalThis.location.href;
   await clipboard.copyToClipboard(url);
 }
 
@@ -1064,8 +1064,8 @@ onMounted(() => {
 
 .btn-action {
   padding: 0.75rem 1rem;
-  background: #3498db;
-  color: white;
+  background: #2980b9;
+  color: #ffffff;
   border: none;
   border-radius: 8px;
   cursor: pointer;
@@ -1074,11 +1074,12 @@ onMounted(() => {
 }
 
 .btn-action:hover {
-  background: #2980b9;
+  background: #21618c;
 }
 
 .btn-action:disabled {
-  background: #ccc;
+  background: #95a5a6;
+  color: #ffffff;
   cursor: not-allowed;
 }