From 64c14fab2fb3083a5b67f42af1a49b960c9a9032 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Fri, 20 Dec 2024 23:37:52 +0900
Subject: [PATCH] [Update] Update Modal: Change the cuda version description to
 imply the meaning NVIDIA GPU only. and fix design a bit.

---
 locales/en.yml                                             | 2 +-
 locales/ja.yml                                             | 2 +-
 src-ui/app/modal_controller/update_modal/UpdateModal.jsx   | 4 ++--
 .../modal_controller/update_modal/UpdateModal.module.scss  | 7 +++++++
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/locales/en.yml b/locales/en.yml
index 40ed70f8..13702540 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -60,7 +60,7 @@ main_page:
 
 update_modal:
     cpu_desc: Use CPU only as the compute device
-    cuda_desc: Selectable between CPU and GPU as compute devices
+    cuda_desc: Selectable between CPU and NVIDIA GPUs as compute devices
     cuda_disk_space_desc: Requires approximately {{size}} of disk space
     close_modal: Close
     download_latest_and_restart: |-
diff --git a/locales/ja.yml b/locales/ja.yml
index 0b6eb496..8518da44 100644
--- a/locales/ja.yml
+++ b/locales/ja.yml
@@ -59,7 +59,7 @@ main_page:
 
 update_modal:
     cpu_desc: 処理デバイスとしてCPUのみを使用
-    cuda_desc: 処理デバイスとしてCPUとGPUの両方を選択可能
+    cuda_desc: 処理デバイスとしてCPUとNVIDIA製のGPUを選択可能
     cuda_disk_space_desc: 約{{size}}のディスク容量が必要
     close_modal: 閉じる
     download_latest_and_restart: |-
diff --git a/src-ui/app/modal_controller/update_modal/UpdateModal.jsx b/src-ui/app/modal_controller/update_modal/UpdateModal.jsx
index e78235e9..746d83e4 100644
--- a/src-ui/app/modal_controller/update_modal/UpdateModal.jsx
+++ b/src-ui/app/modal_controller/update_modal/UpdateModal.jsx
@@ -43,7 +43,7 @@ export const UpdateModal = () => {
                             <button className={cpu_accept_button_class_name} onClick={onClickUpdateSoftware}>CPU</button>
                             {is_cpu_version ? <CurrentVersionLabel is_latest_version_already={is_latest_version_already} /> : null}
                         </div>
-                        <div>
+                        <div className={styles.version_desc_container}>
                             <VersionDescComponent desc={t("update_modal.cpu_desc")} />
                         </div>
                     </div>
@@ -52,7 +52,7 @@ export const UpdateModal = () => {
                             <button className={cuda_accept_button_class_name} onClick={onClickUpdateSoftware_CUDA}>CUDA (GPU)</button>
                             {!is_cpu_version ? <CurrentVersionLabel is_latest_version_already={is_latest_version_already} is_cuda={true}/> : null}
                         </div>
-                        <div>
+                        <div className={styles.version_desc_container}>
                             <VersionDescComponent desc={t("update_modal.cuda_desc")} />
                             <VersionDescComponent desc={t("update_modal.cuda_disk_space_desc", {size: "5GB"})} />
                         </div>
diff --git a/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss b/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss
index 2c253a9a..085ea43c 100644
--- a/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss
+++ b/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss
@@ -52,6 +52,7 @@
     width: 16rem;
     justify-content: space-between;
     position: relative;
+    flex-shrink: 0;
 }
 
 .deny_button, .accept_button {
@@ -124,6 +125,12 @@
     }
 }
 
+.version_desc_container {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+}
+
 .version_desc_wrapper {
     display: flex;
     align-items: center;