Slight style fix for pre-timestamp HEAD main

1 files changed, 16 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
index 7f50b68..1a6647a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -69,6 +69,18 @@ body > div#messages {
   align-content: center;
 }
 
+.message:not(:has(.time)) {
+  & .nick {
+    grid-column: 1 / 3;
+    padding-left: 16px;
+  }
+
+  &.currentUser .nick {
+    border-left: solid 6px #88dbfb;
+    padding-left: 10px;
+  }
+}
+
 .message .actions > button,
 .message .actions > form button {
   background: none;
@@ -125,6 +137,10 @@ body > div#messages {
     padding: 4px 8px;
     opacity: .4;
   }
+
+  &:not(:has(.time)) .sysmessage {
+    grid-column: 1 / 5;
+  }
 }
 
 #chat {