changed user list styling in stats.php. instead of a bulleted list, it fills out horizontally before descending

2 files changed, 19 insertions, 3 deletions

diff --git a/stats.php b/stats.php
index 468a401..d8a60b5 100755
--- a/stats.php
+++ b/stats.php
@@ -13,11 +13,11 @@
 	<div id="content">
         <br />
         <!--<p><code><?php include("table.weekconns"); ?></code> unique users logged in this week (resets Saturdays <code>00:00 UTC</code>)</p>-->
-        <div style="max-width: 25%; margin: 0 auto;">
-        <p>Connected Users (<code>5min</code>):</p>
+	<div style="max-width: 25%; margin: 0 auto;">
+        <p style="text-align: center;">Connected Users (<code>5min</code>):</p>
             <?php include("table.connusers"); ?>
         </div>
-        <div style="max-width: 25%; margin: 0 auto;">
+        <div class="userlist">
         <p>Registered Users (<code>1hr</code>):</p>
             <?php include("table.regusers"); ?>
         </div>
diff --git a/tilde.css b/tilde.css
index e409181..1227aaf 100644
--- a/tilde.css
+++ b/tilde.css
@@ -109,3 +109,19 @@ h4 {
     font-size: 1.1em;
     margin-top: 5px;
 }
+.userlist {
+	text-align: center;
+	margin: 0 auto;
+}
+.userlist ul {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: space-evenly;
+	list-style-type: "\00BB\0020";
+	padding: 0;
+}
+
+.userlist li {
+	white-space: nowrap;
+	flex: 10em;
+}