From 60d0e63e11715af2fcedb6e6c643273d81baf66c Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Sun, 30 Oct 2022 15:26:15 +0200
Subject: [PATCH] Edited text improvement

---
 package-lock.json                               | 4 ++--
 src/assets/css/chat.scss                        | 3 +++
 src/components/messages/MessageIncomingText.vue | 2 +-
 src/components/messages/MessageOutgoingText.vue | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 93a3aff..62053a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "keanuapp-weblite",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "keanuapp-weblite",
-      "version": "0.1.25",
+      "version": "0.1.27",
       "dependencies": {
         "@matrix-org/olm": "^3.2.12",
         "aes-js": "^3.1.2",
diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index 2c1918b..01bdca9 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -486,9 +486,12 @@ $admin-fg: white;
   overflow-wrap: break-word;
   word-wrap: break-word;
   white-space: pre-wrap;
+  text-align: left;
+
   .edit-marker {
     font-size: 0.8rem;
     color: #888888;
+    margin-left: 6px;
   }
   .from-admin & {
     color: $admin-fg;
diff --git a/src/components/messages/MessageIncomingText.vue b/src/components/messages/MessageIncomingText.vue
index bb5b8cf..b34a3f6 100644
--- a/src/components/messages/MessageIncomingText.vue
+++ b/src/components/messages/MessageIncomingText.vue
@@ -13,7 +13,7 @@
       <div class="message">
         <span v-html="linkify($sanitize(messageText))" />
         <span class="edit-marker" v-if="event.replacingEventId()"
-          >{{ $t('edited') }}</span
+          >{{ $t('message.edited') }}</span
         >
       </div>
       <!-- <div>{{ JSON.stringify(event) }}</div> -->
diff --git a/src/components/messages/MessageOutgoingText.vue b/src/components/messages/MessageOutgoingText.vue
index e193c6b..dd6b3c2 100644
--- a/src/components/messages/MessageOutgoingText.vue
+++ b/src/components/messages/MessageOutgoingText.vue
@@ -14,7 +14,7 @@
       <div class="message">
         <span v-html="linkify($sanitize(messageText))" />
         <span class="edit-marker" v-if="event.replacingEventId()"
-          >{{ $t('edited') }}</span
+          >{{ $t('message.edited') }}</span
         >
       </div>
     </div>