From 55dfa5510f9495fb389e6b80f8b22fa990e04d7f Mon Sep 17 00:00:00 2001
From: Pandipipas <62224708+Pandipipas@users.noreply.github.com>
Date: Sat, 14 Feb 2026 18:12:07 +0100
Subject: [PATCH] Style players search and dialog fields as underlined

---
 src/dashboard/scoreko-dev/views/Players.vue | 26 +++++++++++++++------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/dashboard/scoreko-dev/views/Players.vue b/src/dashboard/scoreko-dev/views/Players.vue
index 46561b9..1619a0c 100644
--- a/src/dashboard/scoreko-dev/views/Players.vue
+++ b/src/dashboard/scoreko-dev/views/Players.vue
@@ -163,9 +163,8 @@ const handleImport = async (event: Event) => {
       <QInput
         v-model="filter"
         dense
-        outlined
         placeholder="Search..."
-        class="players-search"
+        class="players-search players-underlined-field"
         clearable
       >
         <template #prepend>
@@ -239,7 +238,7 @@ const handleImport = async (event: Event) => {
                   v-model="form.gamertag"
                   label="Gamertag"
                   dense
-                  outlined
+                  class="players-underlined-field"
                   autofocus
                 />
               </div>
@@ -248,7 +247,7 @@ const handleImport = async (event: Event) => {
                   v-model="form.name"
                   label="Name"
                   dense
-                  outlined
+                  class="players-underlined-field"
                 />
               </div>
               <div class="col-12">
@@ -267,7 +266,7 @@ const handleImport = async (event: Event) => {
                   clearable
                   label="Country"
                   dense
-                  outlined
+                  class="players-underlined-field"
                   @filter="filterCountries"
                 />
               </div>
@@ -276,7 +275,7 @@ const handleImport = async (event: Event) => {
                   v-model="form.team"
                   label="Team"
                   dense
-                  outlined
+                  class="players-underlined-field"
                 />
               </div>
               <div class="col-12">
@@ -284,7 +283,7 @@ const handleImport = async (event: Event) => {
                   v-model="form.twitter"
                   label="Twitter"
                   dense
-                  outlined
+                  class="players-underlined-field"
                 />
               </div>
             </div>
@@ -325,6 +324,19 @@ const handleImport = async (event: Event) => {
   width: min(720px, 90vw);
 }
 
+.players-underlined-field :deep(.q-field__control) {
+  min-height: 28px;
+  padding: 0;
+  background: transparent !important;
+  border-radius: 0;
+}
+
+.players-underlined-field :deep(.q-field__control:before),
+.players-underlined-field :deep(.q-field__control:after) {
+  border: 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
+}
+
 .visually-hidden {
   position: absolute;
   width: 1px;