From e7a39b6fa8f64940fa8c3c6e3e922bfbaa573dd2 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Thu, 19 Sep 2024 07:31:18 +0900
Subject: [PATCH] [Chore] Main Page: Add padding to language selector open
 button. Add localization function to the title Language Settings.

---
 .../sidebar_section/language_settings/LanguageSettings.jsx     | 3 ++-
 .../LanguageSelectorOpenButton.module.scss                     | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx b/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
index 46459770..ea236fae 100644
--- a/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
+++ b/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
@@ -7,12 +7,13 @@ import { TranslatorSelectorOpenButton } from "./translator_selector_open_button/
 import { useStore_IsOpenedTranslatorSelector } from "@store";
 
 export const LanguageSettings = () => {
+    const { t } = useTranslation();
     const { updateIsOpenedTranslatorSelector } = useStore_IsOpenedTranslatorSelector();
     const closeTranslatorSelector = () => updateIsOpenedTranslatorSelector(false);
 
     return (
         <div className={styles.container} onMouseLeave={closeTranslatorSelector}>
-            <p className={styles.title}>Language Settings</p>
+            <p className={styles.title}>{t("main_page.language_settings")}</p>
             <PresetTabSelector />
             <PresetContainer />
         </div>
diff --git a/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss b/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
index 3bce23ac..25e087f2 100644
--- a/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
+++ b/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
@@ -39,7 +39,7 @@
     position: relative;
     background-color: var(--dark_888_color);
     width: 100%;
-    padding: 0.2rem 0;
+    padding: 0.4rem 0;
     display: flex;
     flex-direction: column;
     justify-content: center;