From 6c517a95b73b467dfd1cf1899e60af2708ee0836 Mon Sep 17 00:00:00 2001
From: usmannasir <usman@cyberpersons.com>
Date: Wed, 9 Apr 2025 13:22:49 +0500
Subject: [PATCH] add loader

---
 .../templates/websiteFunctions/listWebsites.html  | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/websiteFunctions/templates/websiteFunctions/listWebsites.html b/websiteFunctions/templates/websiteFunctions/listWebsites.html
index cd7dd6201..8ac2e8726 100755
--- a/websiteFunctions/templates/websiteFunctions/listWebsites.html
+++ b/websiteFunctions/templates/websiteFunctions/listWebsites.html
@@ -143,13 +143,15 @@
                                 <span ng-bind="web.admin" style="text-transform: none"></span>
                             </div>
                             <div class="col-md-3 content-box-header">
-                                <a href="javascript:void(0);" ng-click="showWPSites(web.domain)" style="cursor: pointer;">
+                                <a href="javascript:void(0);" ng-click="showWPSites(web.domain)" style="cursor: pointer; display: inline-flex; align-items: center; gap: 8px;">
                                     <i class="fa-brands fa-wordpress btn-icon text-muted" data-toggle="tooltip" 
                                        data-placement="right" title="Show WordPress Sites">&emsp;</i>
                                     <span ng-if="web.wp_sites && web.wp_sites.length > 0" style="text-transform: none">
                                         {$ web.wp_sites.length $} WordPress Sites
                                     </span>
-                                    <i ng-if="web.loadingWPSites" class="fa fa-spinner fa-spin" style="margin-left: 5px;"></i>
+                                    <span ng-if="web.loadingWPSites" class="loading-indicator">
+                                        <i class="fa fa-spinner fa-spin"></i>
+                                    </span>
                                 </a>
                             </div>
                         </div>
@@ -378,6 +380,15 @@
                                 background-color: #dc3545;
                                 color: white;
                             }
+                            .loading-indicator {
+                                display: inline-flex;
+                                align-items: center;
+                                justify-content: center;
+                                color: #00749C;
+                            }
+                            .loading-indicator i {
+                                font-size: 14px;
+                            }
                         </style>
 
                         <div id="listFail" class="alert alert-danger">