From 461c59f5e804e64103f2c1bad0ec2790307b1a33 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Thu, 12 Dec 2024 17:23:29 +0900
Subject: [PATCH] [Update] Main Page: Language Settings. Change the design add
 and remove target language buttons.

---
 .../AddRemoveTargetLanguageButtons.module.scss     | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src-ui/app/main_page/sidebar_section/language_settings/add_remove_target_language_buttons/AddRemoveTargetLanguageButtons.module.scss b/src-ui/app/main_page/sidebar_section/language_settings/add_remove_target_language_buttons/AddRemoveTargetLanguageButtons.module.scss
index b6fe972c..eebdfe18 100644
--- a/src-ui/app/main_page/sidebar_section/language_settings/add_remove_target_language_buttons/AddRemoveTargetLanguageButtons.module.scss
+++ b/src-ui/app/main_page/sidebar_section/language_settings/add_remove_target_language_buttons/AddRemoveTargetLanguageButtons.module.scss
@@ -1,15 +1,15 @@
 .add_remove_target_language_container {
     width: 100%;
     display: flex;
+    justify-content: end;
     align-items: center;
 }
 
-.add_target_language_button, .remove_target_language_button {
-    width: 100%;
+.remove_target_language_button, .add_target_language_button {
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: 0.6rem 0;
+    padding: 0.6rem 1rem;
     cursor: pointer;
     background-color: var(--dark_825_color);
     &:hover {
@@ -26,6 +26,14 @@
     }
 }
 
+.remove_target_language_button {
+    border-radius: 0 0 0 0.4rem;
+
+}
+.add_target_language_button {
+    border-radius: 0 0 0.4rem 0;
+}
+
 .remove_svg, .add_svg {
     width: 0.8rem;
     color: var(--dark_200_color);