From 5bb1ac9c35a6cede87ec25e52d7204fefb340072 Mon Sep 17 00:00:00 2001
From: Vantz Stockwell <vstockwell@predator-mini.local>
Date: Sat, 21 Feb 2026 14:57:52 -0500
Subject: [PATCH] fix: Move OS tab switcher below Quick Setup header for
 visibility

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/views/admin/ServerView.vue | 47 ++++++++++++-------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/frontend/src/views/admin/ServerView.vue b/frontend/src/views/admin/ServerView.vue
index 93ba05c..be7ef8a 100644
--- a/frontend/src/views/admin/ServerView.vue
+++ b/frontend/src/views/admin/ServerView.vue
@@ -351,30 +351,29 @@ onMounted(async () => {
             <Terminal class="w-3.5 h-3.5 text-neutral-500" />
             <p class="text-xs font-medium text-neutral-400 uppercase tracking-wider">Quick Setup</p>
           </div>
-          <div class="flex items-center gap-2">
-            <!-- OS Tabs -->
-            <div class="flex bg-neutral-800 rounded-md p-0.5">
-              <button
-                @click="setupTab = 'linux'"
-                class="px-3 py-1 text-xs font-medium rounded transition-colors"
-                :class="setupTab === 'linux' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'"
-              >Linux</button>
-              <button
-                @click="setupTab = 'windows'"
-                class="px-3 py-1 text-xs font-medium rounded transition-colors"
-                :class="setupTab === 'windows' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'"
-              >Windows</button>
-            </div>
-            <button
-              @click="copySetupCommands"
-              class="flex items-center gap-1.5 px-3 py-1 text-xs font-medium rounded-md transition-colors"
-              :class="(setupTab === 'linux' ? copied : windowsCopied)
-                ? 'bg-green-600/20 text-green-400 border border-green-600/30'
-                : 'bg-neutral-800 hover:bg-neutral-700 text-neutral-400 hover:text-neutral-200 border border-neutral-700'"
-            >
-              {{ (setupTab === 'linux' ? copied : windowsCopied) ? 'Copied!' : 'Copy' }}
-            </button>
-          </div>
+          <button
+            @click="copySetupCommands"
+            class="flex items-center gap-1.5 px-3 py-1 text-xs font-medium rounded-md transition-colors"
+            :class="(setupTab === 'linux' ? copied : windowsCopied)
+              ? 'bg-green-600/20 text-green-400 border border-green-600/30'
+              : 'bg-neutral-800 hover:bg-neutral-700 text-neutral-400 hover:text-neutral-200 border border-neutral-700'"
+          >
+            {{ (setupTab === 'linux' ? copied : windowsCopied) ? 'Copied!' : 'Copy' }}
+          </button>
+        </div>
+
+        <!-- OS Tabs -->
+        <div class="flex bg-neutral-800 rounded-md p-0.5 mb-3 w-fit">
+          <button
+            @click="setupTab = 'linux'"
+            class="px-3 py-1 text-xs font-medium rounded transition-colors"
+            :class="setupTab === 'linux' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'"
+          >Linux</button>
+          <button
+            @click="setupTab = 'windows'"
+            class="px-3 py-1 text-xs font-medium rounded transition-colors"
+            :class="setupTab === 'windows' ? 'bg-neutral-700 text-neutral-100' : 'text-neutral-500 hover:text-neutral-300'"
+          >Windows</button>
         </div>
 
         <!-- Windows Warning Badge -->