From e69d4bd3cf72cf9a50a31b1cd6882144b69d7b68 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Tue, 31 Oct 2023 09:19:36 -0400
Subject: [PATCH] CSS formatting 	modified:   templates/chat.html

---
 templates/chat.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/templates/chat.html b/templates/chat.html
index 1fa0c86..473e734 100644
--- a/templates/chat.html
+++ b/templates/chat.html
@@ -58,8 +58,13 @@
     }
     
     .message-wrapper button {
-        margin-right: 16px;
-        margin-top: 32px;
+        margin-top: 16px;
+        margin-right: 8px;
+    }
+
+    p {
+        margin-top: 8px;
+        margin-bottom: 8px;
     }
 
    </style>
@@ -148,7 +153,7 @@ socket.on('previous_messages', (data) => {
     messageWrapper.id = "message-" + data.id;
 
     const newMessage = document.createElement('p');
-    newMessage.innerHTML = `${data.username}: ${marked.marked(data.message)}`;
+    newMessage.innerHTML = marked.marked(`${data.username}: ${data.message}`);
 
     // Create the delete button
     const deleteButton = document.createElement('button');