Adapt width to language

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:
 

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

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',

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 />
     </>
   );