From b35b72c066710943bc4569d4e5791fb758559b11 Mon Sep 17 00:00:00 2001
From: T1ckbase <146760065+T1ckbase@users.noreply.github.com>
Date: Thu, 12 Jun 2025 08:29:50 +0800
Subject: [PATCH] Translate: Make translation more readable (#3252)

---
 src/plugins/translate/TranslationAccessory.tsx | 2 +-
 src/plugins/translate/styles.css               | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/plugins/translate/TranslationAccessory.tsx b/src/plugins/translate/TranslationAccessory.tsx
index 9b6393cc..db9461d8 100644
--- a/src/plugins/translate/TranslationAccessory.tsx
+++ b/src/plugins/translate/TranslationAccessory.tsx
@@ -57,7 +57,7 @@ export function TranslationAccessory({ message }: { message: Message; }) {
         <span className={cl("accessory")}>
             <TranslateIcon width={16} height={16} className={cl("accessory-icon")} />
             {Parser.parse(translation.text)}
-            {" "}
+            <br />
             (translated from {translation.sourceLanguage} - <Dismiss onDismiss={() => setTranslation(undefined)} />)
         </span>
     );
diff --git a/src/plugins/translate/styles.css b/src/plugins/translate/styles.css
index c07c9e36..33a1fc85 100644
--- a/src/plugins/translate/styles.css
+++ b/src/plugins/translate/styles.css
@@ -15,6 +15,8 @@
     margin-top: 0.5em;
     font-style: italic;
     font-weight: 400;
+    line-height: 1.2rem;
+    white-space: break-spaces;
 }
 
 .vc-trans-accessory-icon {