fix: logo styling in japanese language (sugarlabs#4270)

Ubayed-Bin-Sufian · Jan 24, 2025 · 3449cd3 · 3449cd3
1 parent 08b5d69
commit 3449cd3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -515,7 +515,7 @@
                         <div
                             id="mb-logo"
                             class="logo left tooltipped"
-                            style="line-height: 0; height: 100%; padding-right: 0;"
+                            style="display: flex; align-items: center; line-height: 0; height: 100%; padding-right: 0;"
                             data-position="bottom"
                         >
                             <amp-img 

diff --git a/js/toolbar.js b/js/toolbar.js
@@ -329,7 +329,7 @@ class Toolbar {
     renderLogoIcon(onclick) {
         const logoIcon = docById("mb-logo");
         if (this.language === "ja") {
-            logoIcon.innerHTML = '<img style="width: 100%;" src="images/logo-ja.svg">';
+            logoIcon.innerHTML = '<img style="width: 100%; transform: scale(0.85);" src="images/logo-ja.svg">';
         }
 
         logoIcon.onmouseenter = () => {