From b4dbd015193e5a9945a65a79a77ca8f4a4abcf97 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 18:58:08 +0000
Subject: [PATCH] Simplify loading indicator to just show centered spinner

---
 admin/css/wp-allstars-plugins.css | 15 ++-------------
 admin/js/wp-allstars-admin.js     |  2 +-
 admin/settings.php                |  2 +-
 3 files changed, 4 insertions(+), 15 deletions(-)

diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index a7ad29a..0fad64c 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -260,7 +260,6 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(255, 255, 255, 0.9);
     z-index: 100;
     display: flex;
     align-items: center;
@@ -268,19 +267,9 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
     min-height: 200px;
 }
 
-.wp-allstars-loading-container {
-    text-align: center;
-    padding: 20px;
-}
-
-.wp-allstars-loading-container p {
-    font-size: 16px;
-    margin-bottom: 60px;
-}
-
-.wp-allstars-loading-container .spinner {
+.wp-allstars-loading-overlay .spinner {
     float: none;
-    margin: 0 auto;
+    margin: 0;
     display: block;
 }
 
diff --git a/admin/js/wp-allstars-admin.js b/admin/js/wp-allstars-admin.js
index 02ed635..a912e84 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 class="wp-allstars-loading-container"><p>Loading plugins...</p><span class="spinner is-active"></span></div></div>');
+        var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><span class="spinner is-active"></span></div>');
         
         // Show loading overlay
         $container.css('position', 'relative').append($loadingOverlay);
diff --git a/admin/settings.php b/admin/settings.php
index c4fbc10..a7451fb 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 class=\"wp-allstars-loading-container\"><p>Loading plugins...</p><span class=\"spinner is-active\"></span></div></div>");
+                    var $loadingOverlay = $("<div class=\"wp-allstars-loading-overlay\"><span class=\"spinner is-active\"></span></div>");
                     
                     // Show loading overlay
                     $container.css("position", "relative").append($loadingOverlay);