From ca2154b3d8f0d91025938d8ef0d7395cfca03421 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Tue, 6 Aug 2024 15:24:17 +0900
Subject: [PATCH] [bugfix] Config Window: DeeplAuthKey. fix save button's
 design that was a bit off.

---
 .../setting_box/components/deepl_auth_key/DeeplAuthKey.jsx      | 2 +-
 .../components/deepl_auth_key/DeeplAuthKey.module.scss          | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.jsx b/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.jsx
index 49a4d882..fa0f7710 100644
--- a/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.jsx
+++ b/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.jsx
@@ -26,7 +26,7 @@ export const DeeplAuthKey = () => {
     return (
         <div className={styles.container}>
             <div className={styles.entry_section_wrapper}>
-                <_Entry ref={entryRef} width="32rem" onChange={onchangeEntryAuthKey}/>
+                <_Entry ref={entryRef} width="30rem" onChange={onchangeEntryAuthKey}/>
                 <button className={styles.save_button} onClick={saveAuthKey}>Save</button>
                 {is_editable
                 ? null
diff --git a/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.module.scss b/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.module.scss
index 3880519b..6e5a3411 100644
--- a/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.module.scss
+++ b/src-ui/windows/config_window/setting_section/setting_box/components/deepl_auth_key/DeeplAuthKey.module.scss
@@ -47,6 +47,8 @@
     color: var(--dark_basic_text_color);
     font-size: 1.4rem;
     border-radius: 0.4rem;
+    text-align: center;
+    flex-shrink: 0;
     &:hover {
         background-color: var(--primary_500_color);
     }