Restore columns to /uploads, fix styling for table, re-enable sorting

WebHostLib/static/styles/hostGame.css

@@ -31,14 +31,18 @@
 
 #host-game-table{
     margin-right: auto;
-    text-align: center
+    text-align: left;
+}
+
+#host-game-table th{
+    padding: 0;
 }
 
 #host-game-table td{
-    padding-left: 20px;
+    padding: 6px 20px 0 0;
-    padding-right: 20px;
 }
 
 #host-game-table.dataTable{
     width: unset;
+
 }

WebHostLib/templates/hostGame.html

@@ -25,12 +25,16 @@
             </div>
 
             {% if rooms %}
-                <h4>Your Rooms:</h4>
+                <h4>Your Games:</h4>
-                <table id="host-game-table">
+                <table id="host-game-table" class="table">
                     <thead>
                         <tr>
                             <th>Seed</th>
                             <th>Room</th>
+                            <th>Players</th>
+                            <th>Created (UTC)</th>
+                            <th>Last Activity (UTC)</th>
+
                         </tr>
                     </thead>
                     <tbody>
@@ -39,6 +43,10 @@
                             <td><a href="{{ url_for("viewSeed", seed=room.seed.id) }}">{{ room.seed.id|suuid }}</a>
                             </td>
                             <td><a href="{{ url_for("hostRoom", room=room.id) }}">{{ room.id|suuid }}</a></td>
+                            <td>{{ room.seed.multidata.names[0]|length }} Total:
+                                {{ room.seed.multidata.names[0]|join(", ")|truncate(256, False, " ...") }}</td>
+                            <td>{{ room.creation_time.strftime("%Y-%m-%d %H:%M") }}</td>
+                            <td>{{ room.last_activity.strftime("%Y-%m-%d %H:%M") }}</td>
                         </tr>
                     {% endfor %}
                     </tbody>