From cc78b80747cd821497c615b4a763123944cefcaa Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 18:52:08 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20Rearrange=20API=20Key=20Configur?=
 =?UTF-8?q?ation=20section=20within=20the=20controls=20grid=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ChallongeTest.vue               | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/code/websites/pokedex.online/src/views/ChallongeTest.vue b/code/websites/pokedex.online/src/views/ChallongeTest.vue
index 7d76528..0fe52f0 100644
--- a/code/websites/pokedex.online/src/views/ChallongeTest.vue
+++ b/code/websites/pokedex.online/src/views/ChallongeTest.vue
@@ -12,30 +12,6 @@
       <!-- API Version & Settings Controls -->
       <div v-if="apiKey" class="section controls-section">
         <div class="controls-grid">
-          <!-- API Key Configuration -->
-          <div class="control-group collapsible-group">
-            <div
-              class="collapsible-header"
-              @click="apiKeyCollapsed = !apiKeyCollapsed"
-            >
-              <label class="control-label">API Key Configuration</label>
-              <span class="collapse-icon">{{
-                apiKeyCollapsed ? '▶' : '▼'
-              }}</span>
-            </div>
-            <div v-show="!apiKeyCollapsed" class="collapsible-content">
-              <div class="status success">
-                ✅ API Key Loaded: {{ maskedApiKey }}
-              </div>
-              <router-link to="/api-key-manager" class="btn-link">
-                Manage your API key
-              </router-link>
-              <p class="api-note">
-                💡 Your API v1 key works with both API versions
-              </p>
-            </div>
-          </div>
-
           <!-- API Version Selector -->
           <div class="control-group">
             <label class="control-label">API Version:</label>
@@ -90,6 +66,30 @@
             </div>
           </div>
 
+          <!-- API Key Configuration -->
+          <div class="control-group collapsible-group">
+            <div
+              class="collapsible-header"
+              @click="apiKeyCollapsed = !apiKeyCollapsed"
+            >
+              <label class="control-label">API Key Configuration</label>
+              <span class="collapse-icon">{{
+                apiKeyCollapsed ? '▶' : '▼'
+              }}</span>
+            </div>
+            <div v-show="!apiKeyCollapsed" class="collapsible-content">
+              <div class="status success">
+                ✅ API Key Loaded: {{ maskedApiKey }}
+              </div>
+              <router-link to="/api-key-manager" class="btn-link">
+                Manage your API key
+              </router-link>
+              <p class="api-note">
+                💡 Your API v1 key works with both API versions
+              </p>
+            </div>
+          </div>
+
           <!-- OAuth Authentication (v2.1 only) -->
           <div
             v-if="apiVersion === 'v2.1'"