From f46d9252085ec9062803bcc06e1a2aedb405149c Mon Sep 17 00:00:00 2001
From: YJDave <yashashvidave@gmail.com>
Date: Wed, 28 Feb 2018 23:59:34 +0530
Subject: [PATCH] org settings: Fix issue, loading spinners are not visible.

In org settings, loading spinners are not visible, currently
because their size is very small.

Fix this, by increasing width and height of spinners and
adding spinner text, to make spinners more visible.
Fixes #8502
---
 static/js/settings_users.js | 6 +++---
 static/styles/zulip.css     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/js/settings_users.js b/static/js/settings_users.js
index 3f83bb52ee..ec8b3c76a2 100644
--- a/static/js/settings_users.js
+++ b/static/js/settings_users.js
@@ -202,9 +202,9 @@ function populate_users(realm_people_data) {
 }
 
 exports.set_up = function () {
-    loading.make_indicator($('#admin_page_users_loading_indicator'));
-    loading.make_indicator($('#admin_page_bots_loading_indicator'));
-    loading.make_indicator($('#admin_page_deactivated_users_loading_indicator'));
+    loading.make_indicator($('#admin_page_users_loading_indicator'), {text: 'Loading...'});
+    loading.make_indicator($('#admin_page_bots_loading_indicator'), {text: 'Loading...'});
+    loading.make_indicator($('#admin_page_deactivated_users_loading_indicator'), {text: 'Loading...'});
 
     // Populate users and bots tables
     channel.get({
diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 60fae9d860..360082a367 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -2030,8 +2030,8 @@ div.floating_recipient {
 }
 
 .settings-section .loading_indicator_spinner {
-    width: 20%;
-    height: 20px;
+    width: 30%;
+    height: 30px;
     margin-top: 7px;
     vertical-align: middle;
     display: inline-block;