From 33a07e708bf58be30d66486610df48266cd76b92 Mon Sep 17 00:00:00 2001
From: curly <curlybryce@protonmail.com>
Date: Thu, 16 Feb 2023 12:07:21 -0700
Subject: more styling ,,,

---
 src/main.css | 4 ++++
 src/main.ts  | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/main.css b/src/main.css
index 6c6218d..b244020 100644
--- a/src/main.css
+++ b/src/main.css
@@ -103,6 +103,10 @@ body {
     font-weight: bold;
     border-bottom: 1px solid black;
 }
+.username {
+    margin-left: 0.3em;
+    margin-right: 0.4em;
+}
 
 .deleted {
     color: #999;
diff --git a/src/main.ts b/src/main.ts
index cec62d8..e33391e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -47,7 +47,8 @@ async function format_message(m: Message): Promise<string> {
 
     let s = `<span id="${m.id}" class="message ${sclass}">
     <p class="messagedate">${format_date(m.date)}</p>
-    <p class="messagetext"> ${sender}: ${m.message}</p>
+    <p class="username">${sender}:</p>
+    <p class="messagetext">${m.message}</p>
     <span class="message_buttons_anchor">
         <span class="message_buttons">
             <button title="information" onclick="message_info(${m.id})"><i class="fa fa-info" aria-hidden="true"></i></button>
-- 
cgit v1.2.3