[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

2 files changed, 40 insertions, 41 deletions

diff --git a/phpBB/adm/style/acp_main.html b/phpBB/adm/style/acp_main.html
index 11fbac9b37..8d0b64735b 100644
--- a/phpBB/adm/style/acp_main.html
+++ b/phpBB/adm/style/acp_main.html
@@ -94,7 +94,7 @@
 
 	<!-- EVENT acp_main_notice_after -->
 	
-	<div id = "lside">
+	<div class="lside">
 	
 	<table class="table1 zebra-table no-header " data-no-responsive-header="true">
 		
@@ -106,46 +106,46 @@
 	</thead>
 	<tbody>
 	<tr>
-		<td>{L_NUMBER_POSTS}{L_COLON} </td>
-		<td><strong>{TOTAL_POSTS}</strong></td>
+		<td class="tabled">{L_NUMBER_POSTS}{L_COLON} </td>
+		<td class="tabled"><strong>{TOTAL_POSTS}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_POSTS_PER_DAY}{L_COLON} </td>
-		<td><strong>{POSTS_PER_DAY}</strong></td>
+		<td class="tabled">{L_POSTS_PER_DAY}{L_COLON} </td>
+		<td class="tabled"><strong>{POSTS_PER_DAY}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_NUMBER_TOPICS}{L_COLON} </td>
-		<td><strong>{TOTAL_TOPICS}</strong></td>
+		<td class="tabled">{L_NUMBER_TOPICS}{L_COLON} </td>
+		<td class="tabled"><strong>{TOTAL_TOPICS}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_TOPICS_PER_DAY}{L_COLON} </td>
-		<td><strong>{TOPICS_PER_DAY}</strong></td>
+		<td class="tabled">{L_TOPICS_PER_DAY}{L_COLON} </td>
+		<td class="tabled"><strong>{TOPICS_PER_DAY}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_NUMBER_USERS}{L_COLON} </td>
-		<td><strong>{TOTAL_USERS}</strong></td>
+		<td class="tabled">{L_NUMBER_USERS}{L_COLON} </td>
+		<td class="tabled"><strong>{TOTAL_USERS}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_USERS_PER_DAY}{L_COLON} </td>
-		<td><strong>{USERS_PER_DAY}</strong></td>
+		<td class="tabled">{L_USERS_PER_DAY}{L_COLON} </td>
+		<td class="tabled"><strong>{USERS_PER_DAY}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_NUMBER_FILES}{L_COLON} </td>
-		<td><strong>{TOTAL_FILES}</strong></td>
+		<td class="tabled">{L_NUMBER_FILES}{L_COLON} </td>
+		<td class="tabled"><strong>{TOTAL_FILES}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_FILES_PER_DAY}{L_COLON} </td>
-		<td><strong>{FILES_PER_DAY}</strong></td>
+		<td class="tabled">{L_FILES_PER_DAY}{L_COLON} </td>
+		<td class="tabled"><strong>{FILES_PER_DAY}</strong></td>
 	</tr>&nbsp;
 	<tr>
-		<td>&nbsp; </td>
-		<td>&nbsp;</td>
+		<td class="tabled">&nbsp; </td>
+		<td class="tabled">&nbsp;</td>
 	</tr>
 	</tbody>
 	</table>
 	</div>
 	&nbsp;&nbsp;&nbsp;	
-	<div id="lside" >
+	<div class="lside" >
 	<table class="table1 zebra-table no-header" data-no-responsive-header="true" >
 	
 		
@@ -157,37 +157,37 @@
 	</thead>
 	<tbody>
 	<tr>
-		<td>{L_BOARD_STARTED}{L_COLON} </td>
-		<td><strong>{START_DATE}</strong></td>
+		<td class="tabled">{L_BOARD_STARTED}{L_COLON} </td>
+		<td class="tabled"><strong>{START_DATE}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_AVATAR_DIR_SIZE}{L_COLON} </td>
-		<td><strong>{AVATAR_DIR_SIZE}</strong></td>
+		<td class="tabled">{L_AVATAR_DIR_SIZE}{L_COLON} </td>
+		<td class="tabled"><strong>{AVATAR_DIR_SIZE}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_DATABASE_SIZE}{L_COLON} </td>
-		<td><strong>{DBSIZE}</strong></td>
+		<td class="tabled">{L_DATABASE_SIZE}{L_COLON} </td>
+		<td class="tabled"><strong>{DBSIZE}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_UPLOAD_DIR_SIZE}{L_COLON} </td>
-		<td><strong>{UPLOAD_DIR_SIZE}</strong></td>
+		<td class="tabled">{L_UPLOAD_DIR_SIZE}{L_COLON} </td>
+		<td class="tabled"><strong>{UPLOAD_DIR_SIZE}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_DATABASE_SERVER_INFO}{L_COLON} </td>
-		<td><strong>{DATABASE_INFO}</strong></td>
+		<td class="tabled">{L_DATABASE_SERVER_INFO}{L_COLON} </td>
+		<td class="tabled"><strong>{DATABASE_INFO}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_GZIP_COMPRESSION}{L_COLON} </td>
-		<td><strong>{GZIP_COMPRESSION}</strong></td>
+		<td class="tabled">{L_GZIP_COMPRESSION}{L_COLON} </td>
+		<td class="tabled"><strong>{GZIP_COMPRESSION}</strong></td>
 	</tr>
 	<tr>
-		<td>{L_PHP_VERSION}{L_COLON} </td>
-		<td><strong>{PHP_VERSION_INFO}</strong></td>
+		<td class="tabled">{L_PHP_VERSION}{L_COLON} </td>
+		<td class="tabled"><strong>{PHP_VERSION_INFO}</strong></td>
 	</tr>
 	<tr>
 	<!-- IF S_TOTAL_ORPHAN -->
-		<td>{L_NUMBER_ORPHAN}{L_COLON} </td>
-		<td>
+		<td class="tabled">{L_NUMBER_ORPHAN}{L_COLON} </td>
+		<td class="tabled">
 		<!-- IF TOTAL_ORPHAN > 0 -->
 			<a href="{U_ATTACH_ORPHAN}" title="{L_MORE_INFORMATION}"><strong>{TOTAL_ORPHAN}</strong></a>
 		<!-- ELSE -->
@@ -200,8 +200,8 @@
 	</tr>
 	<!-- IF S_VERSIONCHECK -->
 	<tr>
-		<td>{L_BOARD_VERSION}{L_COLON} </td>
-		<td>
+		<td class="tabled">{L_BOARD_VERSION}{L_COLON} </td>
+		<td class="tabled">
 			<strong><a href="{U_VERSIONCHECK}" <!-- IF S_VERSION_UP_TO_DATE -->style="color: #228822;" <!-- ELSEIF not S_VERSIONCHECK_FAIL -->style="color: #BC2A4D;" <!-- ENDIF -->title="{L_MORE_INFORMATION}">{BOARD_VERSION}</a></strong> [&nbsp;<a href="{U_VERSIONCHECK_FORCE}">{L_VERSIONCHECK_FORCE_UPDATE}</a>&nbsp;]
 		</td>
 		
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css
index 881fa50af8..0180035933 100644
--- a/phpBB/adm/style/admin.css
+++ b/phpBB/adm/style/admin.css
@@ -755,16 +755,15 @@ td {
 	border-collapse: separate;
 }
 
-#lside {
+.lside {
 	display: inline-block;
 	width: 40%;
 }
 
-.table1 td {
+.tabled {
 	width: 25%;
 }
 
-
 dt#color_palette_placeholder table {
 	width: 80px;
 	margin-right: 5px;