From 6dbeff1c4a10fe2e726285395be2d9d3b91b7042 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 18:39:33 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Enable=20debug=20mode=20and=20ad?=
 =?UTF-8?q?just=20responsive=20styles=20for=20better=20mobile=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ChallongeTest.vue               | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/code/websites/pokedex.online/src/views/ChallongeTest.vue b/code/websites/pokedex.online/src/views/ChallongeTest.vue
index 42ab2fb..b71b714 100644
--- a/code/websites/pokedex.online/src/views/ChallongeTest.vue
+++ b/code/websites/pokedex.online/src/views/ChallongeTest.vue
@@ -391,8 +391,8 @@ const hasNextPage = ref(false);
 // v2.1 Tournament Scope
 const tournamentScope = ref(ScopeType.USER);
 
-// Debug mode (can be enabled via localStorage.setItem('DEBUG_CHALLONGE', 'true'))
-const debugMode = ref(false);
+// Debug mode - enabled to see what's happening
+const debugMode = ref(true);
 
 // Make apiKey reactive
 const apiKey = computed(() => getApiKey());
@@ -1082,6 +1082,15 @@ h2 {
   background: white;
   border: 2px solid #e9ecef;
   border-radius: 6px;
+  flex-wrap: wrap;
+}
+
+@media (max-width: 480px) {
+  .oauth-status {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.75rem;
+  }
 }
 
 .status-badge {
@@ -1451,10 +1460,6 @@ h2 {
     font-size: 2rem;
   }
 
-  .controls-grid {
-    grid-template-columns: 1fr;
-  }
-
   .tournament-header {
     flex-direction: column;
     align-items: flex-start;
@@ -1469,6 +1474,10 @@ h2 {
     height: 36px;
     font-size: 1.1rem;
   }
+  
+  .btn {
+    width: 100%;
+  }
 }
 
 .search-box {