From 55071d3bc862ee444d9c66fbfb007fdccf974024 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 18:52:49 +0000
Subject: [PATCH] Move loading spinner below the Loading plugins text with 50px
 spacing

---
 admin/js/wp-allstars-admin.js | 2 +-
 admin/settings.php            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/admin/js/wp-allstars-admin.js b/admin/js/wp-allstars-admin.js
index af94b0e..3b41e48 100644
--- a/admin/js/wp-allstars-admin.js
+++ b/admin/js/wp-allstars-admin.js
@@ -155,7 +155,7 @@ jQuery(document).ready(function($) {
     // Function to load plugins
     function loadPlugins(category) {
         var $container = $('#wpa-plugin-list');
-        var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><div style="display: flex; align-items: center; justify-content: center;"><span class="spinner is-active" style="margin-right: 10px;"></span><p>Loading plugins...</p></div></div>');
+        var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center;"><p style="margin-bottom: 50px;">Loading plugins...</p><span class="spinner is-active"></span></div></div>');
         
         // Show loading overlay
         $container.css('position', 'relative').append($loadingOverlay);
diff --git a/admin/settings.php b/admin/settings.php
index dcddb6e..b60b5fd 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -626,7 +626,7 @@ function wp_allstars_settings_page() {
                 if ($("#wpa-plugin-list").length && $("#wpa-plugin-list").is(":empty")) {
                     var category = "' . esc_js($active_category) . '";
                     var $container = $("#wpa-plugin-list");
-                    var $loadingOverlay = $("<div class=\"wp-allstars-loading-overlay\"><div style=\"display: flex; align-items: center; justify-content: center;\"><span class=\"spinner is-active\" style=\"margin-right: 10px;\"></span><p>Loading plugins...</p></div></div>");
+                    var $loadingOverlay = $("<div class=\"wp-allstars-loading-overlay\"><div style=\"display: flex; flex-direction: column; align-items: center; justify-content: center;\"><p style=\"margin-bottom: 50px;\">Loading plugins...</p><span class=\"spinner is-active\"></span></div></div>");
                     
                     // Show loading overlay
                     $container.css("position", "relative").append($loadingOverlay);