From 1733b210ed72a091141815460b9755e4853085ce Mon Sep 17 00:00:00 2001
From: ShadowArcanist <projectshadowmoon@gmail.com>
Date: Tue, 23 Sep 2025 09:26:17 +0530
Subject: [PATCH] Cleaned up Terminal Access page (visual improvements)

---
 .../server/security/terminal-access.blade.php | 49 +++++++++----------
 1 file changed, 23 insertions(+), 26 deletions(-)

diff --git a/resources/views/livewire/server/security/terminal-access.blade.php b/resources/views/livewire/server/security/terminal-access.blade.php
index 81e9482f1..3541c429d 100644
--- a/resources/views/livewire/server/security/terminal-access.blade.php
+++ b/resources/views/livewire/server/security/terminal-access.blade.php
@@ -6,34 +6,14 @@
     <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-8 sm:flex-row">
         <x-server.sidebar-security :server="$server" :parameters="$parameters" />
         <div class="w-full">
-            <div>
+             <div>
                 <div class="flex items-center gap-2">
                     <h2>Terminal Access</h2>
-                </div>
-                <div class="mb-4">Control terminal access for this server and its containers.</div>
-            </div>
-
-            <div class="flex items-center gap-2">
-                <h3>Terminal Access</h3>
-                <x-helper
-                    helper="Control whether terminal access is available for this server and its containers.<br/>Only team
-                    administrators and owners can modify this setting." />
-                @if ($isTerminalEnabled)
-                    <span
-                        class="px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded dark:text-green-100 dark:bg-green-800">
-                        Enabled
-                    </span>
-                @else
-                    <span
-                        class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text-red-100 dark:bg-red-800">
-                        Disabled
-                    </span>
-                @endif
-            </div>
-            <div class="flex flex-col gap-4">
-                <div class="flex items-center gap-4 pt-4">
+                    <x-helper
+                        helper="Decide if users (including admins and the owner) can access the terminal for this server and its containers from the dashboard.<br/>
+                                Only team administrators and owners can change this setting."/>
                     @if (auth()->user()->isAdmin())
-                        <div wire:key="terminal-access-change-{{ $isTerminalEnabled }}" class="pb-4">
+                        <div wire:key="terminal-access-change-{{ $isTerminalEnabled }}">
                             <x-modal-confirmation title="Confirm Terminal Access Change?"
                                 temporaryDisableTwoStepConfirmation
                                 buttonTitle="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}"
@@ -47,11 +27,28 @@ class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text
                                     'This change will take effect immediately.',
                                 ]" confirmationText="{{ $server->name }}"
                                 shortConfirmationLabel="Server Name"
-                                step3ButtonText="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}">
+                                step3ButtonText="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}"
+                                isHighlightedButton>
                             </x-modal-confirmation>
                         </div>
                     @endif
                 </div>
+                <div class="mb-4">Manage terminal access to this server and its containers.</div>
+            </div>
+
+            <div class="flex items-center gap-2">
+                <h3>Terminal Status:</h3>
+                @if ($isTerminalEnabled)
+                    <span
+                        class="px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded dark:text-green-100 dark:bg-green-800">
+                        Operational
+                    </span>
+                @else
+                    <span
+                        class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text-red-100 dark:bg-red-800">
+                        Disabled
+                    </span>
+                @endif
             </div>
         </div>
     </div>