UI fixes

routes.js

@@ -63,8 +63,7 @@ async function iterate(req, res, index) {
     }
 
     let dat = await routesI[cmd].run(req, res, {});
-
-    if (!dat) {
+    if (!dat && !res.headersSent) {
         return await routes.client['e404'].run(req, res, {});
     }
 

static/main.css

@@ -19,6 +19,12 @@ body {
     flex-direction: column
 }
 
+.flex-row {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
 body {
     align-items: center;
     overflow-x: hidden;
@@ -163,7 +169,8 @@ body {
 }
 
 .progressbar,
-.progressbar-div {
+.progressbar-div,
+.avatar-img {
     border-radius: var(--border-radius)
 }
 

views/user-clickable.ejs

@@ -0,0 +1,10 @@
+<div>
+    <img src='/pfp/<%= user %>.png' class='avatar-img'>
+    <div>
+        <div><b>
+                <a class='link' href='/client/user?id=<%= user %>'>
+                    <%= user %>
+                </a>
+            </b></div>
+    </div>
+</div>

views/user.ejs

@@ -20,21 +20,21 @@
             <summary>
                 <%= following.length %> following
             </summary>
+            <div class='flex-row'>
                 <% for (let user of following) { %>
-                <a class='link' href='/client/user?id=<%= user.target %>'>
-                    <%= user.target %>
-                </a>
+                    <%- include('user-clickable.ejs', {user: user.username}) %>
                         <%} %>
+            </div>
         </details>
         <details>
             <summary>
                 <%= followers.length %> followers
             </summary>
+            <div class='flex-direction: row;'>
                 <% for (let user of followers) { %>
-                <a class='link' href='/client/user?id=<%= user.username %>'>
-                    <%= user.username %>
-                </a>
+                    <%- include('user-clickable.ejs', {user: user.username}) %>
                         <%} %>
+            </div>
         </details>
     </div>
     <h1 class='content-header'>Uploaded Videos</h1>