From 5965ec9de002d38d6b82d95a83725e947d244d1e Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Mon, 8 Jul 2024 13:16:53 +0200
Subject: [PATCH] improve message ui

---
 bun.lockb                | Bin 11417 -> 11417 bytes
 dist/index.js            |   2 +-
 src/Views/threadView.tsx |   2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 5bd885cb98cf28f0d3c3fe6319e0fe845f51aba8..345e9935330c7e36b123b4350fddd385965f09c7 100755
GIT binary patch
delta 14
VcmbOkIWuwtyF8=GW)As@yZ|O~1ZV&N

delta 14
VcmbOkIWuwtyF8=uW)As@yZ|O^1ZMyM

diff --git a/dist/index.js b/dist/index.js
index 584be0cb..c81cf170 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -672,7 +672,7 @@
     function remove() {
       deleteMessage(message);
     }
-    return /* @__PURE__ */ createElement("div", { class: "tile width-100 flex-no padding-0" }, /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("div", { class: "flex-row justify-apart align-center secondary" }, /* @__PURE__ */ createElement("span", { class: "padding-h ellipsis" }, message.sender, "@", message.channel), /* @__PURE__ */ createElement("span", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { "aria-label": translation.copyMessage, "on:click": copyMessage }, /* @__PURE__ */ createElement("span", { class: "icon" }, "content_copy")), /* @__PURE__ */ createElement("button", { "aria-label": translation.decryptMessage, "on:click": decrypt2 }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key")), /* @__PURE__ */ createElement("button", { "aria-label": translation.deleteMessage, "on:click": remove }, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("div", { class: "flex-column padding-h padding-bottom" }, /* @__PURE__ */ createElement("b", { "subscribe:innerText": messageBody2 }), /* @__PURE__ */ createElement("span", { class: "secondary" }, new Date(message.isoDate).toLocaleString()))));
+    return /* @__PURE__ */ createElement("div", { class: "tile width-100 flex-no padding-0" }, /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("div", { class: "flex-row justify-apart align-center secondary" }, /* @__PURE__ */ createElement("span", { class: "padding-h ellipsis" }, /* @__PURE__ */ createElement("b", { class: "info" }, message.sender), " - ", message.channel), /* @__PURE__ */ createElement("span", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { "aria-label": translation.copyMessage, "on:click": copyMessage }, /* @__PURE__ */ createElement("span", { class: "icon" }, "content_copy")), /* @__PURE__ */ createElement("button", { "aria-label": translation.decryptMessage, "on:click": decrypt2 }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key")), /* @__PURE__ */ createElement("button", { "aria-label": translation.deleteMessage, "on:click": remove }, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("div", { class: "flex-column padding-h padding-bottom" }, /* @__PURE__ */ createElement("b", { "subscribe:innerText": messageBody2 }), /* @__PURE__ */ createElement("span", { class: "secondary" }, new Date(message.isoDate).toLocaleString()))));
   };
   function ThreadView() {
     return /* @__PURE__ */ createElement(
diff --git a/src/Views/threadView.tsx b/src/Views/threadView.tsx
index 4e64a590..1d5299d2 100644
--- a/src/Views/threadView.tsx
+++ b/src/Views/threadView.tsx
@@ -29,7 +29,7 @@ const messageConverter: React.ListItemConverter<Message> = (message) => {
       <div class="flex-column">
         <div class="flex-row justify-apart align-center secondary">
           <span class="padding-h ellipsis">
-            {message.sender}@{message.channel}
+            <b class="info">{message.sender}</b> - {message.channel}
           </span>
           <span class="flex-row">
             <button aria-label={translation.copyMessage} on:click={copyMessage}>