From b652e01dd3c9bed11ef1fb9e12af298472c1683b Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Sat, 21 Jun 2025 17:03:23 +0900
Subject: [PATCH] fix oauth loading button

---
 oauth/src/App.css                   | 8 +++++++-
 oauth/src/components/AuthButton.jsx | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/oauth/src/App.css b/oauth/src/App.css
index 00bf591..543f955 100644
--- a/oauth/src/App.css
+++ b/oauth/src/App.css
@@ -233,6 +233,7 @@ body {
   border-left: none;
   margin: 0;
   padding: 10px 15px;
+  height: 40px;
 }
 
 /* Auth Button */
@@ -245,6 +246,10 @@ body {
   font-weight: 700;
   cursor: pointer;
   transition: background 0.2s;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .auth-button:hover {
@@ -813,7 +818,8 @@ body {
   
   .auth-button {
     white-space: nowrap !important;
-    min-width: 70px !important;
+    min-width: 90px !important;
+    width: 90px !important;
   }
   
   .tab-header {
diff --git a/oauth/src/components/AuthButton.jsx b/oauth/src/components/AuthButton.jsx
index 140e0a7..4544854 100644
--- a/oauth/src/components/AuthButton.jsx
+++ b/oauth/src/components/AuthButton.jsx
@@ -70,7 +70,7 @@ export default function AuthButton({ user, onLogin, onLogout, loading }) {
         disabled={isLoading || !handleInput.trim()}
         className="auth-button"
       >
-        {isLoading ? '認証中...' : <i className="fab fa-bluesky"></i>}
+        {isLoading ? 'Loading...' : <i className="fab fa-bluesky"></i>}
       </button>
     </div>
   )