From 341962ae74ab45a67a19418fefd0fa76092cf65e Mon Sep 17 00:00:00 2001
From: amalnaeem <36226153+amalnaeem@users.noreply.github.com>
Date: Wed, 4 Apr 2018 20:41:31 +0500
Subject: [PATCH] [ticket/15610] Improving UI of Board Statistics in ACP

Master Improving UI of Board Statistics in ACP

Statistics table was divided into two in acp_main.html.

PHPBB3-15610
---
 phpBB/adm/style/acp_main.html | 18 +++++++++---------
 phpBB/adm/style/admin.css     | 25 +++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/phpBB/adm/style/acp_main.html b/phpBB/adm/style/acp_main.html
index 12477a4b77..3841353241 100644
--- a/phpBB/adm/style/acp_main.html
+++ b/phpBB/adm/style/acp_main.html
@@ -94,9 +94,9 @@
 
 	<!-- EVENT acp_main_notice_after -->
 
-	<table class="table1 two-columns no-header" data-no-responsive-header="true">
+	<table class="table1 zebra-table no-header" data-no-responsive-header="true">
 		<caption>{L_FORUM_STATS}</caption>
-		<col class="col1" /><col class="col2" /><col class="col1" /><col class="col2" />
+		<!--<col class="col1" /><col class="col2" /><col class="col1" /><col class="col2" />-->
 	<thead>
 	<tr>
 		<th>{L_STATISTIC}</th>
@@ -185,35 +185,35 @@
 			<form id="action_online_form" method="post" action="{U_ACTION}" data-ajax="true">
 				<dl>
 					<dt><label for="action_online">{L_RESET_ONLINE}</label><br /><span>&nbsp;</span></dt>
-					<dd><input type="hidden" name="action" value="online" /><input class="button2" type="submit" id="action_online" name="action_online" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="online" /><input class="runbutton" type="submit" id="action_online" name="action_online" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 
 			<form id="action_date_form" method="post" action="{U_ACTION}" data-ajax="true">
 				<dl>
 					<dt><label for="action_date">{L_RESET_DATE}</label><br /><span>&nbsp;</span></dt>
-					<dd><input type="hidden" name="action" value="date" /><input class="button2" type="submit" id="action_date" name="action_date" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="date" /><input class="runbutton" type="submit" id="action_date" name="action_date" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 
 			<form id="action_stats_form" method="post" action="{U_ACTION}">
 				<dl>
 					<dt><label for="action_stats">{L_RESYNC_STATS}</label><br /><span>{L_RESYNC_STATS_EXPLAIN}</span></dt>
-					<dd><input type="hidden" name="action" value="stats" /><input class="button2" type="submit" id="action_stats" name="action_stats" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="stats" /><input class="runbutton" type="submit" id="action_stats" name="action_stats" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 
 			<form id="action_user_form" method="post" action="{U_ACTION}">
 				<dl>
 					<dt><label for="action_user">{L_RESYNC_POSTCOUNTS}</label><br /><span>{L_RESYNC_POSTCOUNTS_EXPLAIN}</span></dt>
-					<dd><input type="hidden" name="action" value="user" /><input class="button2" type="submit" id="action_user" name="action_user" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="user" /><input class="runbutton" type="submit" id="action_user" name="action_user" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 
 			<form id="action_db_track_form" method="post" action="{U_ACTION}">
 				<dl>
 					<dt><label for="action_db_track">{L_RESYNC_POST_MARKING}</label><br /><span>{L_RESYNC_POST_MARKING_EXPLAIN}</span></dt>
-					<dd><input type="hidden" name="action" value="db_track" /><input class="button2" type="submit" id="action_db_track" name="action_db_track" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="db_track" /><input class="runbutton" type="submit" id="action_db_track" name="action_db_track" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 
@@ -221,7 +221,7 @@
 			<form id="action_purge_sessions_form" method="post" action="{U_ACTION}" data-ajax="true">
 				<dl>
 					<dt><label for="action_purge_sessions">{L_PURGE_SESSIONS}</label><br /><span>{L_PURGE_SESSIONS_EXPLAIN}</span></dt>
-					<dd><input type="hidden" name="action" value="purge_sessions" /><input class="button2" type="submit" id="action_purge_sessions" name="action_purge_sessions" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="purge_sessions" /><input class="runbutton" type="submit" id="action_purge_sessions" name="action_purge_sessions" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 			<!-- ENDIF -->
@@ -229,7 +229,7 @@
 			<form id="action_purge_cache_form" method="post" action="{U_ACTION}" data-ajax="true">
 				<dl>
 					<dt><label for="action_purge_cache">{L_PURGE_CACHE}</label><br /><span>{L_PURGE_CACHE_EXPLAIN}</span></dt>
-					<dd><input type="hidden" name="action" value="purge_cache" /><input class="button2" type="submit" id="action_purge_cache" name="action_purge_cache" value="{L_RUN}" /></dd>
+					<dd><input type="hidden" name="action" value="purge_cache" /><input class="runbutton" type="submit" id="action_purge_cache" name="action_purge_cache" value="{L_RUN}" /></dd>
 				</dl>
 			</form>
 
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css
index 7cf6c22236..18c7413fef 100644
--- a/phpBB/adm/style/admin.css
+++ b/phpBB/adm/style/admin.css
@@ -1555,6 +1555,17 @@ a.button2, input.button2 {
 	border: 1px solid #666666;
 }
 
+a.runbutton,
+input.runbutton {
+	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+	font-size: 0.85em;
+	color: #000000;
+	border-radius: 4px;
+	width: auto !important;
+	padding: 1px 3px 0;
+	cursor: pointer;
+}
+
 /* <a> button in the style of the form buttons */
 a.button1, a.button1:link, a.button1:visited, a.button1:active,
 a.button2, a.button2:link, a.button2:visited, a.button2:active {
@@ -1563,6 +1574,15 @@ a.button2, a.button2:link, a.button2:visited, a.button2:active {
 	padding: 4px 8px;
 }
 
+a.runbutton,
+a.runbutton:link,
+a.runbutton:visited,
+a.runbutton:active {
+	text-decoration: none;
+	color: #ffffff;
+	padding: 4px 8px;
+}
+
 /* Hover states */
 a.button1:hover, input.button1:hover,
 a.button2:hover, input.button2:hover {
@@ -1571,6 +1591,11 @@ a.button2:hover, input.button2:hover {
 	color: #BC2A4D;
 }
 
+a.runbutton:hover,
+input.runbutton:hover {
+	opacity:0.75;
+}
+
 input.disabled {
 	font-weight: normal;
 	color: #666666;