diff options
| -rw-r--r-- | main.css | 10 | ||||
| -rw-r--r-- | main.js | 6 |
2 files changed, 13 insertions, 3 deletions
@@ -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; } @@ -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 |