From 4d08d1ceabb5667c4da559075701d2556f1d29d7 Mon Sep 17 00:00:00 2001
From: master3395 <master3395@users.noreply.github.com>
Date: Thu, 22 Jan 2026 19:50:36 +0100
Subject: [PATCH] Move view toggle buttons to top, remove duplicate at bottom

- Moved view toggle (Grid View, Table View, Plugin Store, Plugin Development Guide) to top of plugins section
- Removed duplicate view toggle that appeared at bottom
- Now only one set of view toggle buttons appears at the top
---
 .../templates/pluginHolder/plugins.html       | 41 +++++++++----------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/pluginHolder/templates/pluginHolder/plugins.html b/pluginHolder/templates/pluginHolder/plugins.html
index 57d47f9d7..8de7334ab 100644
--- a/pluginHolder/templates/pluginHolder/plugins.html
+++ b/pluginHolder/templates/pluginHolder/plugins.html
@@ -816,6 +816,26 @@
         <div class="content-section">
             <h2 class="section-title">{% trans "Plugins" %}</h2>
             
+            <!-- View Toggle (always shown at top) -->
+            <div class="view-toggle" style="{% if not plugins %}margin-top: 0;{% endif %}">
+                <button class="view-btn {% if plugins %}active{% else %}{% endif %}" onclick="toggleView('grid')">
+                    <i class="fas fa-th-large"></i>
+                    {% trans "Grid View" %}
+                </button>
+                <button class="view-btn {% if not plugins %}active{% endif %}" onclick="toggleView('table')">
+                    <i class="fas fa-list"></i>
+                    {% trans "Table View" %}
+                </button>
+                <button class="view-btn {% if not plugins %}active{% endif %}" onclick="toggleView('store')">
+                    <i class="fas fa-store"></i>
+                    {% trans "CyberPanel Plugin Store" %}
+                </button>
+                <a href="/plugins/help/" class="view-btn" style="text-decoration: none;">
+                    <i class="fas fa-book"></i>
+                    {% trans "Plugin Development Guide" %}
+                </a>
+            </div>
+            
             {% if plugins %}
             <!-- Grid View -->
             <div id="gridView" class="plugins-grid">
@@ -1025,27 +1045,6 @@
             </div>
             {% endif %}
             
-            <!-- View Toggle (always shown, even when no plugins installed) -->
-            <div class="view-toggle" style="{% if not plugins %}margin-top: 25px;{% endif %}">
-                <button class="view-btn {% if plugins %}active{% else %}{% endif %}" onclick="toggleView('grid')">
-                    <i class="fas fa-th-large"></i>
-                    {% trans "Grid View" %}
-                </button>
-                <button class="view-btn {% if not plugins %}active{% endif %}" onclick="toggleView('table')">
-                    <i class="fas fa-list"></i>
-                    {% trans "Table View" %}
-                </button>
-                <button class="view-btn {% if not plugins %}active{% endif %}" onclick="toggleView('store')">
-                    <i class="fas fa-store"></i>
-                    {% trans "CyberPanel Plugin Store" %}
-                </button>
-                <a href="/plugins/help/" class="view-btn" style="text-decoration: none;">
-                    <i class="fas fa-book"></i>
-                    {% trans "Plugin Development Guide" %}
-                </a>
-            </div>
-            
-            
             <!-- CyberPanel Plugin Store (always available) -->
             <div id="storeView" style="display: {% if not plugins %}block{% else %}none{% endif %};">
                 <!-- Notice Section (similar to CMSMS Module Manager) -->