From c082688bcb7212879da71a3d5e12676479fbfe92 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 19 Jun 2025 13:05:38 +0200
Subject: [PATCH] Fix language dialog being cut off

Issue #650
---
 src/assets/css/main.scss                | 1 +
 src/components/SelectLanguageDialog.vue | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 8ac5430..d6b79b6 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -153,6 +153,7 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
     .dialog-text {
         text-align: left;
         word-break: break-word;
+        white-space: normal;
 
         a {
             color: black;
diff --git a/src/components/SelectLanguageDialog.vue b/src/components/SelectLanguageDialog.vue
index d015906..bef6f54 100644
--- a/src/components/SelectLanguageDialog.vue
+++ b/src/components/SelectLanguageDialog.vue
@@ -7,8 +7,8 @@
     <v-card class="dialog-card">
       <v-card-title class="dialog-title d-block">
         <h2>{{ $t("profile.set_language") }}</h2>
-        <div class="subtitle-1">{{ $t("profile.language_description") }}</div>
-        <div class="subtitle-1" v-if="$config.languageSupportEmail">
+        <div class="dialog-text">{{ $t("profile.language_description") }}</div>
+        <div class="dialog-text" v-if="$config.languageSupportEmail">
           {{ $t("profile.dont_see_yours") }}
           <a :href="'mailto:' + $config.languageSupportEmail">{{ $t("profile.tell_us") }}</a>
         </div>