From cade47ff4cd54c44a0568d627fa9271092ead125 Mon Sep 17 00:00:00 2001
From: Art Cancro <ajc@citadel.org>
Date: Fri, 5 Nov 2021 17:32:45 -0400
Subject: [PATCH] Added CSS style for the Loading Messages, Older Posts, Newer
 Posts divs

---
 webcit-ng/static/css/webcit.css | 16 +++++++++++++---
 webcit-ng/static/js/views.js    |  6 +++---
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 46ffb3b30..cb3fa60c5 100644
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -1,6 +1,7 @@
-/* Copyright (c) 1996-2021 by Art Cancro and the citadel.org team.
-** This program is open source software.  You can redistribute it and/or
-** modify it under the terms of the GNU General Public License, version 3.
+/*
+Copyright (c) 1996-2021 by Art Cancro and the citadel.org team.
+This program is open source software.  You can redistribute it and/or
+modify it under the terms of the GNU General Public License, version 3.
 */
 
 html,body,h1,h2,h3,h4,h5 {
@@ -70,3 +71,12 @@ html,body,h1,h2,h3,h4,h5 {
 	float: left;
 	padding-right: 2px;
 }
+
+.ctdl-forum-nav {
+	text-align: center;
+	color: #ffff00;
+}
+
+.ctdl-forum-nav a {
+	text-decoration: none;
+}
diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index 659378265..ecfb556ca 100644
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -55,7 +55,7 @@ function render_room_view(gt_msg, lt_msg) {
 function forum_readmessages(target_div, gt_msg, lt_msg) {
 	original_text = document.getElementById(target_div).innerHTML;		// in case we need to replace it after an error
 	document.getElementById(target_div).innerHTML = 
-		"<div align=\"center\"><i class=\"fas fa-spinner fa-spin\"></i>&nbsp;&nbsp;"
+		"<div class=\"ctdl-forum-nav\"><i class=\"fas fa-spinner fa-spin\"></i>&nbsp;&nbsp;"
 		+ _("Loading messages from server, please wait") + "</div>";
 
 	if (lt_msg < 9999999999) {
@@ -91,7 +91,7 @@ function forum_readmessages(target_div, gt_msg, lt_msg) {
 				}
 				document.getElementById(target_div).innerHTML +=
 					"<div id=\"" + new_old_div_name + "\">" +
-					"<div align=\"center\">" +
+					"<div class=\"ctdl-forum-nav\">" +
 					"<a href=\"javascript:forum_readmessages('" + new_old_div_name + "', 0, " + newlt + ");\">" +
 					"<i class=\"fa fa-arrow-circle-up\"></i>&nbsp;&nbsp;" +
 					_("Older posts") + "&nbsp;&nbsp;<i class=\"fa fa-arrow-circle-up\"></a></div></div></a></div></div>" ;
@@ -112,7 +112,7 @@ function forum_readmessages(target_div, gt_msg, lt_msg) {
 				}
 				document.getElementById(target_div).innerHTML +=
 					"<div id=\"" + new_new_div_name + "\">" +
-					"<div align=\"center\">" +
+					"<div class=\"ctdl-forum-nav\">" +
 					"<a href=\"javascript:forum_readmessages('" + new_new_div_name + "', " + newgt + ", 9999999999);\">" +
 					"<i class=\"fa fa-arrow-circle-down\"></i>&nbsp;&nbsp;" +
 					_("Newer posts") + "&nbsp;&nbsp;<i class=\"fa fa-arrow-circle-down\"></a></div></div>" ;
-- 
2.39.2