From 22117fa23dfc2ccc04b94975a7a96ed83206f9ef Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 18:48:04 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Improve=20collapsible=20group=20hea?=
 =?UTF-8?q?ders=20for=20better=20readability=20and=20formatting=20consiste?=
 =?UTF-8?q?ncy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ChallongeTest.vue               | 40 ++++++++++++++-----
 1 file changed, 31 insertions(+), 9 deletions(-)

diff --git a/code/websites/pokedex.online/src/views/ChallongeTest.vue b/code/websites/pokedex.online/src/views/ChallongeTest.vue
index 696c541..e8dff7f 100644
--- a/code/websites/pokedex.online/src/views/ChallongeTest.vue
+++ b/code/websites/pokedex.online/src/views/ChallongeTest.vue
@@ -14,9 +14,14 @@
         <div class="controls-grid">
           <!-- API Key Configuration -->
           <div class="control-group collapsible-group">
-            <div class="collapsible-header" @click="apiKeyCollapsed = !apiKeyCollapsed">
+            <div
+              class="collapsible-header"
+              @click="apiKeyCollapsed = !apiKeyCollapsed"
+            >
               <label class="control-label">API Key Configuration</label>
-              <span class="collapse-icon">{{ apiKeyCollapsed ? '▶' : '▼' }}</span>
+              <span class="collapse-icon">{{
+                apiKeyCollapsed ? '▶' : '▼'
+              }}</span>
             </div>
             <div v-show="!apiKeyCollapsed" class="collapsible-content">
               <div class="status success">
@@ -86,10 +91,18 @@
           </div>
 
           <!-- OAuth Authentication (v2.1 only) -->
-          <div v-if="apiVersion === 'v2.1'" class="control-group oauth-section collapsible-group">
-            <div class="collapsible-header" @click="oauthCollapsed = !oauthCollapsed">
+          <div
+            v-if="apiVersion === 'v2.1'"
+            class="control-group oauth-section collapsible-group"
+          >
+            <div
+              class="collapsible-header"
+              @click="oauthCollapsed = !oauthCollapsed"
+            >
               <label class="control-label">OAuth Authentication</label>
-              <span class="collapse-icon">{{ oauthCollapsed ? '▶' : '▼' }}</span>
+              <span class="collapse-icon">{{
+                oauthCollapsed ? '▶' : '▼'
+              }}</span>
             </div>
             <div v-show="!oauthCollapsed" class="collapsible-content">
               <div v-if="isAuthenticated" class="oauth-status">
@@ -121,10 +134,18 @@
           </div>
 
           <!-- Client Credentials (v2.1 only) -->
-          <div v-if="apiVersion === 'v2.1'" class="control-group collapsible-group">
-            <div class="collapsible-header" @click="clientCredsCollapsed = !clientCredsCollapsed">
+          <div
+            v-if="apiVersion === 'v2.1'"
+            class="control-group collapsible-group"
+          >
+            <div
+              class="collapsible-header"
+              @click="clientCredsCollapsed = !clientCredsCollapsed"
+            >
               <label class="control-label">Client Credentials</label>
-              <span class="collapse-icon">{{ clientCredsCollapsed ? '▶' : '▼' }}</span>
+              <span class="collapse-icon">{{
+                clientCredsCollapsed ? '▶' : '▼'
+              }}</span>
             </div>
             <div v-show="!clientCredsCollapsed" class="collapsible-content">
               <div class="info-badge" v-if="isClientCredsAuthenticated">
@@ -133,7 +154,8 @@
               <div
                 class="info-badge warning"
                 v-if="
-                  isClientCredsAuthenticated && tournamentScope === ScopeType.USER
+                  isClientCredsAuthenticated &&
+                  tournamentScope === ScopeType.USER
                 "
               >
                 ⚠️ Client credentials may not work with USER scope - switch to