From f595cb2aa1e91957c2b1034996dde715f11fe183 Mon Sep 17 00:00:00 2001
From: Wentao Lyu <35-wentao.lyu@users.noreply.git.stereye.tech>
Date: Wed, 29 Mar 2023 01:09:03 +0800
Subject: [PATCH] fix: three dot looks wide on android chrome.

---
 client/src/components/Input/SubmitButton.jsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Input/SubmitButton.jsx b/client/src/components/Input/SubmitButton.jsx
index 5d76250d6b..a2d65574ca 100644
--- a/client/src/components/Input/SubmitButton.jsx
+++ b/client/src/components/Input/SubmitButton.jsx
@@ -9,13 +9,23 @@ export default function SubmitButton({ submitMessage, disabled, isSubmitting })
   if (isSubmitting) {
     return (
       <button
-        className="absolute bottom-0 right-1 h-[100%] w-[30px] rounded-md p-1 text-gray-500 hover:bg-gray-100 disabled:hover:bg-transparent dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2"
+        className="absolute bottom-0 right-1 h-[100%] w-[40px] rounded-md p-1 text-gray-500 hover:bg-gray-100 disabled:hover:bg-transparent dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2"
         disabled
       >
         <div className="text-2xl">
-          <span>·</span>
-          <span className="blink">·</span>
-          <span className="blink2">·</span>
+          <span style={{ maxWidth: 5.5, display: 'inline-grid' }}>·</span>
+          <span
+            className="blink"
+            style={{ maxWidth: 5.5, display: 'inline-grid' }}
+          >
+            ·
+          </span>
+          <span
+            className="blink2"
+            style={{ maxWidth: 5.5, display: 'inline-grid' }}
+          >
+            ·
+          </span>
         </div>
       </button>
     );