zees-dev
diff --git a/‎controller.html‎
Lines changed: 8 additions & 21 deletions b/‎controller.html‎
Lines changed: 8 additions & 21 deletions
@@ -48,24 +48,15 @@
         .ping-badge.ping-warn { color: #FF9800; }
         .ping-badge.ping-bad { color: #f44336; }
 
-        .test-controller { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 999; width: max(280px, 25vw); max-width: 85vw; pointer-events: auto; }
+        .test-controller { position: fixed; top: 59px; right: 15px; z-index: 999; pointer-events: auto; }
         .test-controller.hidden { display: none; }
-        .test-controller-toggle { width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; gap: 10px; background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; color: rgba(255, 255, 255, 0.8); font-size: 15px; cursor: pointer; transition: all 0.3s; }
-        .test-controller-toggle:hover { background: rgba(0, 0, 0, 0.9); border-color: rgba(255, 255, 255, 0.3); color: #fff; }
-        .test-controller-toggle .emoji { font-size: 20px; }
-        .test-controller-toggle .arrow { font-size: 12px; transition: transform 0.3s; }
-        .test-controller.expanded .test-controller-toggle .arrow { transform: rotate(180deg); }
-        .test-controller-links { display: none; flex-direction: column; gap: 8px; margin-top: 8px; padding: 12px; background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
+        .test-controller-toggle { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px; font-size: 20px; cursor: pointer; transition: all 0.3s; }
+        .test-controller-toggle:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); transform: scale(1.05); }
+        .test-controller.expanded .test-controller-toggle { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); }
+        .test-controller-links { display: none; flex-direction: column; gap: 6px; margin-top: 8px; padding: 10px; background: rgba(0, 0, 0, 0.9); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; min-width: 180px; position: absolute; right: 0; }
         .test-controller.expanded .test-controller-links { display: flex; }
-        .test-controller-link { display: flex; align-items: center; justify-content: center; height: 40px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #1AAFFF; text-decoration: none; font-size: 14px; transition: all 0.3s; }
+        .test-controller-link { display: flex; align-items: center; justify-content: center; height: 36px; padding: 0 12px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #1AAFFF; text-decoration: none; font-size: 12px; white-space: nowrap; transition: all 0.3s; }
         .test-controller-link:hover { background: rgba(255, 255, 255, 0.15); border-color: #1AAFFF; }
-
-        @media (orientation: landscape) and (max-height: 600px) {
-            .test-controller { bottom: 10px; width: max(250px, 20vw); }
-            .test-controller-toggle { height: 38px; font-size: 14px; }
-            .test-controller-links { padding: 10px; gap: 6px; }
-            .test-controller-link { height: 35px; font-size: 13px; }
-        }
     </style>
 </head>
 <body>
@@ -75,13 +66,9 @@
         <div class="ping-badge" id="pingBadge"></div>
     </div>
     <div class="test-controller" id="testController">
-        <button class="test-controller-toggle" id="testControllerToggle">
-            <span class="emoji">+</span>
-            <span>Test Controller</span>
-            <span class="arrow">v</span>
-        </button>
+        <button class="test-controller-toggle" id="testControllerToggle" title="Test Controller">🎮</button>
         <div class="test-controller-links">
-            <a href="https://hardwaretester.com/gamepad" target="_blank" rel="noopener" class="test-controller-link">hardwaretester.com/gamepad</a>
+            <a href="https://hardwaretester.com/gamepad" target="_blank" rel="noopener" class="test-controller-link">hardwaretester.com</a>
             <a href="https://gamepadtester.com/" target="_blank" rel="noopener" class="test-controller-link">gamepadtester.com</a>
         </div>
     </div>