frontend/src/components/Message.svelte

@@ -7,11 +7,8 @@
 
 <style>
     .message {
-        display: flex;
-        align-items: center;
         overflow-x: none;
         word-break: break-all;
-        padding: 1px var(--space-normplus) 1px var(--space-normplus);
     }
 
     .message .edit-message {
@@ -35,13 +32,11 @@
     }
 
     .author {
-        flex-shrink: 0;
         font-weight: bold;
-        margin-right: var(--space-xs);
+        margin-right: var(--space-xxs);
     }
 
     .edit-message {
-        flex-shrink: 0;
         float: right;
     }
 </style>

frontend/src/components/Messages.svelte

@@ -48,6 +48,8 @@
 
 <style>
     .messages-container {
+        padding: var(--space-normplus);
+        padding-bottom: 0;
         height: 100%;
         width: 100%;
         flex-grow: 0;

frontend/src/request.js

@@ -27,7 +27,7 @@ export default async function(method, endpoint, auth=true, body=null) {
         const res = await fetch(endpoint, options);
         return {
             success: true,
-            json: res.status === 204 ? null : await res.json(),
+            json: await res.json(),
             ok: res.ok,
             status: res.status
         }