From 85db4a61df72e154f0d4b15cb517deca74a36291 Mon Sep 17 00:00:00 2001
From: DominikDoom <rehdominik@gmail.com>
Date: Sun, 23 Apr 2023 13:28:39 +0200
Subject: [PATCH] Adjust styling for bigger translation

---
 javascript/tagAutocomplete.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/javascript/tagAutocomplete.js b/javascript/tagAutocomplete.js
index 9f3b545..c85637f 100644
--- a/javascript/tagAutocomplete.js
+++ b/javascript/tagAutocomplete.js
@@ -86,6 +86,12 @@ const autocompleteCSS = `
         padding: var(--input-padding);
         color: #888;
     }
+    .acRuby > ruby {
+        display: inline-flex;
+        flex-direction: column-reverse;
+        font-size: 0.8rem;
+        vertical-align: text-bottom;
+    }
     .acRuby > :nth-child(3n+1) {
         color: var(--live-translation-color-1);
     }
@@ -96,10 +102,11 @@ const autocompleteCSS = `
         color: var(--live-translation-color-3);
     }
     .acRuby > ruby > rt {
-        overflow: hidden;
-        padding: 0px 5px;
-        text-align: center;
-        font-size: 0.8em;
+        line-height: 1rem;
+        padding: 0px 5px 0px 0px;
+        text-align: left;
+        font-size: 1rem;
+        color: var(--block-title-text-color);
     }
 `;