From 6abd32db8c435e05da47ec138743e733b067acea Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Mon, 12 Mar 2018 12:52:38 -0400
Subject: [PATCH] minor style change to loading text in notifications and chats
 dropdown, nodebb/nodebb#6354

---
 less/header.less            | 4 ++++
 templates/partials/menu.tpl | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/less/header.less b/less/header.less
index cbecba5..7b0af28 100644
--- a/less/header.less
+++ b/less/header.less
@@ -13,6 +13,10 @@
 			padding: 0.5em;
 			clear: both;
 
+			&.loading-text {
+				text-align: center;
+			}
+
 			a {
 				white-space: normal;
 				margin: 0;
diff --git a/templates/partials/menu.tpl b/templates/partials/menu.tpl
index f86bbdd..7e36c7e 100644
--- a/templates/partials/menu.tpl
+++ b/templates/partials/menu.tpl
@@ -36,7 +36,7 @@
 						<ul class="dropdown-menu" aria-labelledby="notif_dropdown">
 							<li>
 								<ul component="notifications/list" class="notification-list">
-									<li>
+									<li class="loading-text">
 										<a href="#"><i class="fa fa-refresh fa-spin"></i> [[global:notifications.loading]]</a>
 									</li>
 								</ul>
@@ -54,8 +54,8 @@
 						<ul class="dropdown-menu" aria-labelledby="chat_dropdown">
 							<li>
 								<ul component="chat/list" class="chat-list chats-list">
-									<li>
-										<i class="fa fa-refresh fa-spin"></i> [[global:chats.loading]]
+									<li class="loading-text">
+										<a href="#"><i class="fa fa-refresh fa-spin"></i> [[global:chats.loading]]</a>
 									</li>
 								</ul>
 							</li>