[ticket/15610] Improving UI of Board Statistics

Master Improving UI of Board Statistics in ACP.

Statistics table was divided into two in acp_main.html.

PHPBB3-15610

2 files changed, 56 insertions, 13 deletions

diff --git a/phpBB/adm/style/acp_main.html b/phpBB/adm/style/acp_main.html
index d955a7fe70..fadb65bd1a 100644
--- a/phpBB/adm/style/acp_main.html
+++ b/phpBB/adm/style/acp_main.html
@@ -93,15 +93,14 @@
 	<!-- ENDIF -->
 
 	<!-- EVENT acp_main_notice_after -->
-
-	<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" />-->
+	
+	<div id = "lside">
+	
+	<table class="table1 zebra-table no-header " data-no-responsive-header="true">
+		
 	<thead>
 	<tr>
-		<th>{L_STATISTIC}</th>
-		<th>{L_VALUE}</th>
-		<th>{L_STATISTIC}</th>
+		<th>Forum Statistics</th>
 		<th>{L_VALUE}</th>
 	</tr>
 	</thead>
@@ -109,48 +108,83 @@
 	<tr>
 		<td>{L_NUMBER_POSTS}{L_COLON} </td>
 		<td><strong>{TOTAL_POSTS}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_POSTS_PER_DAY}{L_COLON} </td>
 		<td><strong>{POSTS_PER_DAY}</strong></td>
 	</tr>
 	<tr>
 		<td>{L_NUMBER_TOPICS}{L_COLON} </td>
 		<td><strong>{TOTAL_TOPICS}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_TOPICS_PER_DAY}{L_COLON} </td>
 		<td><strong>{TOPICS_PER_DAY}</strong></td>
 	</tr>
 	<tr>
 		<td>{L_NUMBER_USERS}{L_COLON} </td>
 		<td><strong>{TOTAL_USERS}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_USERS_PER_DAY}{L_COLON} </td>
 		<td><strong>{USERS_PER_DAY}</strong></td>
 	</tr>
 	<tr>
 		<td>{L_NUMBER_FILES}{L_COLON} </td>
 		<td><strong>{TOTAL_FILES}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_FILES_PER_DAY}{L_COLON} </td>
 		<td><strong>{FILES_PER_DAY}</strong></td>
+	</tr>&nbsp;
+	<tr>
+		<td>&nbsp; </td>
+		<td>&nbsp;</td>
 	</tr>
+	</tbody>
+	</table>
+	</div>
+	&nbsp;&nbsp;&nbsp;	
+	<div id="lside" >
+	<table class="table1 zebra-table no-header" data-no-responsive-header="true" >
+	
+		
+	<thead>
+	<tr>
+		<th>Configuration Statistics</th>
+		<th>{L_VALUE}</th>
+	</tr>
+	</thead>
+	<tbody>
 	<tr>
 		<td>{L_BOARD_STARTED}{L_COLON} </td>
 		<td><strong>{START_DATE}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_AVATAR_DIR_SIZE}{L_COLON} </td>
 		<td><strong>{AVATAR_DIR_SIZE}</strong></td>
 	</tr>
 	<tr>
 		<td>{L_DATABASE_SIZE}{L_COLON} </td>
 		<td><strong>{DBSIZE}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_UPLOAD_DIR_SIZE}{L_COLON} </td>
 		<td><strong>{UPLOAD_DIR_SIZE}</strong></td>
 	</tr>
 	<tr>
 		<td>{L_DATABASE_SERVER_INFO}{L_COLON} </td>
 		<td><strong>{DATABASE_INFO}</strong></td>
+	</tr>
+	<tr>
 		<td>{L_GZIP_COMPRESSION}{L_COLON} </td>
 		<td><strong>{GZIP_COMPRESSION}</strong></td>
 	</tr>
 	<tr>
 		<td>{L_PHP_VERSION}{L_COLON} </td>
 		<td><strong>{PHP_VERSION_INFO}</strong></td>
+	</tr>
+	<tr>
 	<!-- IF S_TOTAL_ORPHAN -->
 		<td>{L_NUMBER_ORPHAN}{L_COLON} </td>
 		<td>
@@ -161,8 +195,7 @@
 		<!-- ENDIF -->
 		</td>
 		<!-- ELSE -->
-		<td>&nbsp;</td>
-		<td>&nbsp;</td>
+		
 	<!-- ENDIF -->
 	</tr>
 	<!-- IF S_VERSIONCHECK -->
@@ -171,13 +204,12 @@
 		<td>
 			<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>
-		<td>&nbsp;</td>
-		<td>&nbsp;</td>
+		
 	</tr>
 	<!-- ENDIF -->
 	</tbody>
 	</table>
-
+	</div>
 	<!-- IF S_ACTION_OPTIONS -->
 		<fieldset>
 			<legend>{L_STATISTIC_RESYNC_OPTIONS}</legend>
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css
index eb91ad59d6..08c9685cba 100644
--- a/phpBB/adm/style/admin.css
+++ b/phpBB/adm/style/admin.css
@@ -750,11 +750,22 @@ td {
 }
 
 .table1 {
-	clear: both;
 	border-spacing: 1px;
 	border-collapse: separate;
+	display:inline-block;
+	
+}
+
+#lside {
+	display: inline-block;
+	width: 40%;
 }
 
+.table1 td {
+	width: 25%;
+}
+
+
 dt#color_palette_placeholder table {
 	width: 80px;
 	margin-right: 5px;