From 7c115c6475b854ace67ccae4b410a7ef2b2bd1f0 Mon Sep 17 00:00:00 2001
From: curly <curlybryce@protonmail.com>
Date: Wed, 15 Feb 2023 13:01:20 -0700
Subject: date style tweaks

---
 main.css | 10 ++++++++++
 main.js  |  6 +++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/main.css b/main.css
index 4e13e43..96a2d60 100644
--- a/main.css
+++ b/main.css
@@ -16,6 +16,9 @@
 .message {
     display: flex;
     height: 1.6em;
+    padding-left: 2px;
+    padding-right: 2px;
+    align-items: center;
 }
 .message:hover > :last-child {
     display: flex;
@@ -24,6 +27,13 @@
     white-space: pre-wrap;
     flex-grow: 1;
 }
+.messagedate {
+    font-size: 12px;
+}
+.message:not(.deleted) > .messagedate {
+    color: #666;
+}
+
 .message_buttons {
     display: none;
 }
diff --git a/main.js b/main.js
index bd9bdf3..c51bd0c 100644
--- a/main.js
+++ b/main.js
@@ -30,11 +30,11 @@ async function format_message(m) {
         m.message = "*deleted*"
         sclass = "deleted"
     }
-    s = `<span id="${m.id}" class="message ${sclass}"><p class="messagetext">${format_date(m.date)}|${sender}: ${m.message}</p>
+    s = `<span id="${m.id}" class="message ${sclass}"><p class="messagedate">${format_date(m.date)}</p><p class="messagetext"> ${sender}: ${m.message}</p>
     <span class="message_buttons">
         <button title="${m.id}"><i class="fa fa-info" aria-hidden="true"></i></button>
-        <button><i class="fa fa-reply" aria-hidden="true"></i></button>
-        <button onclick="delete_message(${m.id})"><i class="fa fa-trash-o" aria-hidden="true"></i></button>
+        <button title="reply"><i class="fa fa-reply" aria-hidden="true"></i></button>
+        <button title="delete" onclick="delete_message(${m.id})"><i class="fa fa-trash-o" aria-hidden="true"></i></button>
     </span></span>`
 
     return s
-- 
cgit v1.2.3