From d605f4caca70385a9d8756e10158f898e101c5b8 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 2 Mar 2025 19:53:33 +0800
Subject: [PATCH] New look for inline translation

---
 src/components/translation-block.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/translation-block.css b/src/components/translation-block.css
index 943ce531..efa3e193 100644
--- a/src/components/translation-block.css
+++ b/src/components/translation-block.css
@@ -112,15 +112,21 @@
 /* MINI */
 
 .status-translation-block-mini {
-  width: fit-content;
   display: flex;
   margin: 8px 0 0;
-  padding: 4px 0 0;
   font-size: 90%;
-  border-top: 1px dashed var(--outline-stronger-color);
   gap: 8px;
-}
-.status-translation-block-mini .icon {
-  color: var(--text-insignificant-color);
-  margin-top: 2px;
+  --top-padding: 2px;
+  --top-border: 1px;
+
+  .icon {
+    color: var(--text-insignificant-color);
+    margin-top: calc(var(--top-padding) + var(--top-border) + 2px);
+  }
+
+  output {
+    padding: var(--top-padding) 0 0;
+    border-top: var(--top-border) dashed var(--outline-stronger-color);
+    text-wrap: pretty;
+  }
 }