From b4b1c77f49b3ac9822b415e8a1b6e61ae09ff198 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 20:20:38 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Adjust=20layout=20and=20styling?=
 =?UTF-8?q?=20for=20file=20selector=20and=20search=20bar=20components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
index 31e0c57..a83887b 100644
--- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
@@ -967,26 +967,24 @@ onMounted(() => {
 /* File Selector */
 .file-selector {
   display: flex;
-  align-items: center;
-  gap: 1rem;
+  flex-direction: column;
+  gap: 0.5rem;
   margin-bottom: 1rem;
-  flex-wrap: wrap;
+}
+
+.file-selector label {
+  font-weight: 600;
+  font-size: 0.95rem;
 }
 
 .file-selector select {
-  flex: 1;
-  min-width: 200px;
+  width: 100%;
   padding: 0.5rem;
   font-size: 1rem;
   border: 1px solid #ccc;
   border-radius: 4px;
 }
 
-.file-info {
-  color: #666;
-  font-size: 0.9rem;
-}
-
 /* Search Bar */
 .search-bar {
   margin-bottom: 1rem;
@@ -1000,12 +998,12 @@ onMounted(() => {
 }
 
 .search-input {
-  flex: 1;
+  width: 100%;
   padding: 0.75rem;
   padding-right: 2.5rem;
   font-size: 1rem;
   border: 2px solid #ccc;
-  border-radius: 8px;
+  border-radius: 6px;
 }
 
 .search-input:focus {