From 376c398932edac1b3317a1fdc6fd8708f506925c Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Wed, 28 May 2025 22:40:40 +0200
Subject: [PATCH] Adapt width to language

---
 docs/i18n_languages.md                  | 2 +-
 src/components/Apps/AppsDesktop.tsx     | 2 +-
 src/components/Apps/AppsDevModeHome.tsx | 3 +++
 src/components/Apps/AppsHomeDesktop.tsx | 4 +++-
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/docs/i18n_languages.md b/docs/i18n_languages.md
index 90330ca..d98bfd5 100644
--- a/docs/i18n_languages.md
+++ b/docs/i18n_languages.md
@@ -20,7 +20,7 @@ Translation in GUI:
 - For all translation in uppercase `{ postProcess: 'capitalizeAll' }`
 - See `.src/i18n/i18n.ts` for processor definition
 
-## Namespace
+## Namespaces
 
 These are the current namespaces, in which all translations are organized:
 
diff --git a/src/components/Apps/AppsDesktop.tsx b/src/components/Apps/AppsDesktop.tsx
index 1b1b72f..5297e59 100644
--- a/src/components/Apps/AppsDesktop.tsx
+++ b/src/components/Apps/AppsDesktop.tsx
@@ -357,7 +357,7 @@ export const AppsDesktop = ({
           flexDirection: 'column',
           gap: '25px',
           height: '100vh',
-          width: '60px',
+          width: 'auto', // must adapt to the choosen language
         }}
       >
         <ButtonBase
diff --git a/src/components/Apps/AppsDevModeHome.tsx b/src/components/Apps/AppsDevModeHome.tsx
index f1225df..0e739d2 100644
--- a/src/components/Apps/AppsDevModeHome.tsx
+++ b/src/components/Apps/AppsDevModeHome.tsx
@@ -358,6 +358,7 @@ export const AppsDevModeHome = ({
             <AppCircle>
               <Add>+</Add>
             </AppCircle>
+
             <AppCircleLabel>
               {t('core:directory', { postProcess: 'capitalizeFirstChar' })}
             </AppCircleLabel>
@@ -499,6 +500,7 @@ export const AppsDevModeHome = ({
                   postProcess: 'capitalizeFirstChar',
                 })}
               </Label>
+
               <Input
                 placeholder={t('core:domain', {
                   postProcess: 'capitalizeFirstChar',
@@ -521,6 +523,7 @@ export const AppsDevModeHome = ({
                   postProcess: 'capitalizeFirstChar',
                 })}
               </Label>
+
               <Input
                 placeholder={t('core:port', {
                   postProcess: 'capitalizeFirstChar',
diff --git a/src/components/Apps/AppsHomeDesktop.tsx b/src/components/Apps/AppsHomeDesktop.tsx
index 4bb7fa1..0e37a7e 100644
--- a/src/components/Apps/AppsHomeDesktop.tsx
+++ b/src/components/Apps/AppsHomeDesktop.tsx
@@ -96,10 +96,11 @@ export const AppsHomeDesktop = ({
             autoCorrect="off"
             placeholder="qortal://"
             sx={{
-              width: '100%',
               backgroundColor: theme.palette.background.surface,
               borderRadius: '7px',
               color: theme.palette.text.primary,
+              height: '35px',
+              width: '100%',
               '& .MuiInput-input::placeholder': {
                 color: theme.palette.text.secondary,
                 fontSize: '20px',
@@ -170,6 +171,7 @@ export const AppsHomeDesktop = ({
       </AppsContainer>
 
       <LanguageSelector />
+
       <ThemeSelector />
     </>
   );