From 6fe182a7a37e8b05bfbbd2c7e6a297e34a96832f Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 24 Jul 2023 22:27:30 +0800
Subject: [PATCH] Shazam the mini translation block

---
 src/components/translation-block.jsx | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/translation-block.jsx b/src/components/translation-block.jsx
index cd68f9cb..ac1280c7 100644
--- a/src/components/translation-block.jsx
+++ b/src/components/translation-block.jsx
@@ -111,18 +111,22 @@ function TranslationBlock({
       detectedLang !== targetLangText
     ) {
       return (
-        <div class="status-translation-block-mini">
-          <Icon
-            icon="translate"
-            alt={`Auto-translated from ${sourceLangText}`}
-          />
-          <output
-            lang={targetLang}
-            dir="auto"
-            title={pronunciationContent || ''}
-          >
-            {translatedContent}
-          </output>
+        <div class="shazam-container">
+          <div class="shazam-container-inner">
+            <div class="status-translation-block-mini">
+              <Icon
+                icon="translate"
+                alt={`Auto-translated from ${sourceLangText}`}
+              />
+              <output
+                lang={targetLang}
+                dir="auto"
+                title={pronunciationContent || ''}
+              >
+                {translatedContent}
+              </output>
+            </div>
+          </div>
         </div>
       );
     }