Consistent styling on login screen

Adjustment of the way sessions are displayed
Removing useless styling

TFR/server/templates/account.html

@@ -8,23 +8,40 @@
     <div class="block">
         <h2>Sessions</h2>
         <p>Devices and games that you logged into. If you're looking to logout all website users, reset your password instead.</p>
-        <table>
-            {% for session in sessions %}
-                <tr id="sess-{{ session.id }}">
-                    <td><button onclick="yeetSession({{ session.id }})" class="button secondary"><i class="ph ph-trash"></i></button></td>
-                    <td>{{ session.device_type }}</td>
-                    <td>{{ session.created_at.strftime('%Y-%m-%d') }}</td>
-                    <td>{{ session.last_used.strftime('%Y-%m-%d') }}</td>
+        <div class="table">
+            <table>
+                <tr>
+                    <th></th>
+                    <th>Device</th>
+                    <th>Created</th>
+                    <th>Last Used</th>
                 </tr>
-            {% endfor %}
-        </table>
+                {% if sessions %}
+                    {% for session in sessions %}
+                        <tr id="sess-{{ session.id }}">
+                            <td><button onclick="yeetSession({{ session.id }})" class="button secondary"><i class="ph ph-trash"></i></button></td>
+                            <td>{{ session.device_type }}</td>
+                            <td>{{ session.created_at.strftime('%Y-%m-%d') }}</td>
+                            <td>{{ session.last_used.strftime('%Y-%m-%d') }}</td>
+                        </tr>
+                    {% endfor %}
+                {% else %}
+                    <tr>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                    </tr>
+                {% endif %}
+            </table>
+        </div>
     </div>
 
     <div class="block secondary">
         <h2>Danger Zone</h2>
-        <p>These actions are irreversible. Be careful!</p>
-        <a href="{{ url_for('auth.account', action='delete') }}" class="button secondary">Delete Account</a>
-        <a href="{{ url_for('auth.account', action='password') }}" class="button secondary">Reset Password</a>
+        <p>Be careful!</p>
+        <a href="{{ url_for('auth.account', action='delete') }}" class="button secondary" style="margin-bottom: 0.5rem">Delete Account</a>
+        <a href="{{ url_for('auth.account', action='password') }}" class="button secondary" style="margin-bottom: 0.5rem">Reset Password</a>
         <a href="{{ url_for('auth.account', action='logout') }}" class="button secondary">Logout</a>
     </div>
 {% endblock %}

TFR/server/templates/auth.html

@@ -4,9 +4,17 @@
         <h2>Login</h2>
         <p>Welcome back!</p>
         <form action="{{ url_for('auth.login') }}" method="POST">
-            <input type="text" name="username" placeholder="Username" required>
-            <input type="password" name="password" placeholder="Password" required>
-            <button type="submit">Login</button>
+            <span class="text-input">
+                <label for="login-username">Username</label>
+                <input type="text" name="username" placeholder="Jerry" id="login-username" required>
+            </span>
+
+            <span class="text-input">
+                <label for="login-password">Password</label>
+                <input type="password" name="password" placeholder="password123" id="login-password" required>
+            </span>
+
+            <button type="submit" class="button primary">Login</button>
         </form>
     </div>
 
@@ -14,9 +22,17 @@
         <h2>Register</h2>
         <p>Don't have an account? Register here!</p>
         <form action="{{ url_for('auth.register') }}" method="POST">
-            <input type="text" name="username" placeholder="Username" required>
-            <input type="password" name="password" placeholder="Password" required>
-            <button type="submit">Register</button>
+            <span class="text-input">
+                <label for="register-username">Username</label>
+                <input type="text" name="username" placeholder="Jerry" id="register-username" required>
+            </span>
+
+            <span class="text-input">
+                <label for="register-password">Password</label>
+                <input type="password" name="password" placeholder="password123" id="register-password" required>
+            </span>
+
+            <button type="submit" class="button primary">Register</button>
         </form>
     </div>
 {% endblock %}

TFR/server/templates/scores.html

@@ -18,9 +18,9 @@
                 <option value="1.1" {% if ver=="1.1" %}selected{% endif %}>1.1</option>
             </select>
 
-            <span class="search">
-                <label for="user">Username</label>
-                <input type="text" name="user" {% if user %}value="{{ user }}"{% endif %} autocomplete="off"/>
+            <span class="text-input">
+                <label for="search">Username</label>
+                <input type="text" name="user" id="search" {% if user %}value="{{ user }}"{% endif %} autocomplete="off"/>
             </span>
 
             <button class="button"><i class="ph ph-magnifying-glass"></i></button>