ui small changes

interface/src/app/main/Customizations.tsx

@@ -512,22 +512,24 @@ const Customizations = () => {
               </Button>
             </>
           ) : (
-            <Button
-              startIcon={<EditIcon />}
-              variant="outlined"
-              onClick={() => setRename(true)}
-            >
-              {LL.RENAME()}
-            </Button>
+            <>
+              <Button
+                startIcon={<EditIcon />}
+                variant="outlined"
+                onClick={() => setRename(true)}
+              >
+                {LL.RENAME()}
+              </Button>
+              <Button
+                startIcon={<SettingsBackupRestoreIcon />}
+                variant="outlined"
+                color="error"
+                onClick={() => setConfirmReset(true)}
+              >
+                {LL.REMOVE_ALL()}
+              </Button>
+            </>
           ))}
-        <Button
-          startIcon={<SettingsBackupRestoreIcon />}
-          variant="outlined"
-          color="error"
-          onClick={() => setConfirmReset(true)}
-        >
-          {LL.REMOVE_ALL()}
-        </Button>
       </Box>
     </>
   );

interface/src/app/main/UserProfile.tsx

@@ -1,7 +1,16 @@
 import { memo, useCallback, useContext } from 'react';
 
 import PersonIcon from '@mui/icons-material/Person';
-import { Avatar, Box, Button, List, ListItem, ListItemText } from '@mui/material';
+import {
+  Avatar,
+  Box,
+  Button,
+  Divider,
+  List,
+  ListItem,
+  ListItemText,
+  Typography
+} from '@mui/material';
 
 import { AuthenticatedContext } from '@/contexts/authentication';
 import { SectionContent, useLayoutTitle } from 'components';
@@ -12,7 +21,7 @@ const UserProfileComponent = () => {
   const { LL } = useI18nContext();
   const { me, signOut } = useContext(AuthenticatedContext);
 
-  useLayoutTitle(LL.USER(1));
+  useLayoutTitle(LL.USER_PROFILE());
 
   const handleSignOut = useCallback(() => {
     signOut(true);
@@ -20,32 +29,33 @@ const UserProfileComponent = () => {
 
   return (
     <SectionContent>
-      <Box padding={2} justifyContent="center" flexDirection="column">
-        <Box display="flex" alignItems="center" justifyContent="space-between">
-          <List sx={{ flexGrow: 1 }}>
-            <ListItem disablePadding>
-              <Avatar sx={{ bgcolor: '#9e9e9e', color: 'white' }}>
-                <PersonIcon />
-              </Avatar>
-              <ListItemText
-                sx={{ pl: 2, color: '#2196f3' }}
-                primary={me.username}
-                secondary={'(' + (me.admin ? LL.ADMINISTRATOR() : LL.GUEST()) + ')'}
-              />
-            </ListItem>
-          </List>
-          <LanguageSelector />
-        </Box>
-        <Button
-          sx={{ mt: 2 }}
-          variant="outlined"
-          fullWidth
-          color="primary"
-          onClick={handleSignOut}
-        >
-          {LL.SIGN_OUT()}
-        </Button>
+      <List sx={{ flexGrow: 1 }}>
+        <ListItem disablePadding>
+          <Avatar sx={{ bgcolor: '#9e9e9e', color: 'white' }}>
+            <PersonIcon />
+          </Avatar>
+          <ListItemText
+            sx={{ pl: 2, color: '#2196f3' }}
+            primary={me.username}
+            secondary={'(' + (me.admin ? LL.ADMINISTRATOR() : LL.GUEST()) + ')'}
+          />
+        </ListItem>
+      </List>
+      <Box mt={2} mb={2} display="flex" alignItems="center">
+        <Typography mr={2} variant="body1" align="center">
+          {LL.LANGUAGE()}:
+        </Typography>
+        <LanguageSelector />
       </Box>
+      <Divider />
+      <Button
+        sx={{ mt: 2 }}
+        variant="outlined"
+        color="primary"
+        onClick={handleSignOut}
+      >
+        {LL.SIGN_OUT()}
+      </Button>
     </SectionContent>
   );
 };

interface/src/i18n/cz/index.ts

@@ -355,7 +355,8 @@ const cz: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Pro automatickou kontrolu a instalaci aktualizací je třeba internetové připojení',
   SWITCH_RELEASE_TYPE: 'Přepnout na {0} verzi',
   FIRMWARE_VERSION_INFO: 'Informace o verzi firmwaru',
-  NO_DATA: 'Žádná data'
+  NO_DATA: 'Žádná data',
+  USER_PROFILE: 'Uživatelský profil'
 };
 
 export default cz;

interface/src/i18n/de/index.ts

@@ -355,7 +355,8 @@ const de: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Für die automatische Versionsprüfung und Aktualisierung ist eine Internetverbindung erforderlich',
   SWITCH_RELEASE_TYPE: 'Zum {0}-Release wechseln',
   FIRMWARE_VERSION_INFO: 'Firmware-Versionsinformation',
-  NO_DATA: 'Keine Daten'
+  NO_DATA: 'Keine Daten',
+  USER_PROFILE: 'Benutzerprofil'
 };
 
 export default de;

interface/src/i18n/en/index.ts

@@ -355,7 +355,8 @@ const en: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Internet connection required for automatic version checking and upgrading',
   SWITCH_RELEASE_TYPE: 'Switch to {0} release',
   FIRMWARE_VERSION_INFO: 'Firmware Version Information',
-  NO_DATA: 'No data'
+  NO_DATA: 'No data',
+  USER_PROFILE: 'User Profile'
 };
 
 export default en;

interface/src/i18n/fr/index.ts

@@ -355,7 +355,8 @@ const fr: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Connexion Internet requise pour la vérification automatique des versions et la mise à niveau',
   SWITCH_RELEASE_TYPE: 'Passer à la version {0}',
   FIRMWARE_VERSION_INFO: 'Informations sur la version du firmware',
-  NO_DATA: 'Aucune donnée'
+  NO_DATA: 'Aucune donnée',
+  USER_PROFILE: 'Profil utilisateur'
 };
 
 export default fr;

interface/src/i18n/it/index.ts

@@ -355,7 +355,8 @@ const it: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Connessione internet richiesta per il controllo automatico delle versioni e l\'aggiornamento',
   SWITCH_RELEASE_TYPE: 'Cambia in {0} rilascio',
   FIRMWARE_VERSION_INFO: 'Informazioni sulla versione del firmware',
-  NO_DATA: 'Nessun dato'
+  NO_DATA: 'Nessun dato',
+  USER_PROFILE: 'Profilo utente'
 };
 
 export default it;

interface/src/i18n/nl/index.ts

@@ -355,7 +355,8 @@ const nl: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Internetverbinding vereist voor automatische versiecontrole en -upgrade',
   SWITCH_RELEASE_TYPE: 'Switch naar {0} release',
   FIRMWARE_VERSION_INFO: 'Informatie over firmwareversie',
-  NO_DATA: 'Geen data'
+  NO_DATA: 'Geen data',
+  USER_PROFILE: 'Gebruikersprofiel'
 };
 
 export default nl;

interface/src/i18n/no/index.ts

@@ -355,7 +355,8 @@ const no: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Internettilkobling kreves for automatisk versjonskontroll og oppgradering',
   SWITCH_RELEASE_TYPE: 'Bytt til {0} utgivelse',
   FIRMWARE_VERSION_INFO: 'Informasjon om firmwareversjon',
-  NO_DATA: 'Ingen data'
+  NO_DATA: 'Ingen data',
+  USER_PROFILE: 'Brukerprofil'
 };
 
 export default no;

interface/src/i18n/pl/index.ts

@@ -355,7 +355,8 @@ const pl: BaseTranslation = {
   INTERNET_CONNECTION_REQUIRED: 'Połączenie internetowe jest wymagane do automatycznej kontroli wersji i aktualizacji',
   SWITCH_RELEASE_TYPE: 'Zmień na {0} wydanie',
   FIRMWARE_VERSION_INFO: 'Informacje o wersji firmware',
-  NO_DATA: 'Brak danych'
+  NO_DATA: 'Brak danych',
+  USER_PROFILE: 'Profil użytkownika'
 };
 
 export default pl;

interface/src/i18n/sk/index.ts

@@ -355,7 +355,8 @@ const sk: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Internetové pripojenie je potrebné pre automatickú kontrolu a aktualizáciu',
   SWITCH_RELEASE_TYPE: 'Prepnúť na {0} verziu',
   FIRMWARE_VERSION_INFO: 'Informácie o verzii firmware',
-  NO_DATA: 'Žiadne dáta'
+  NO_DATA: 'Žiadne dáta',
+  USER_PROFILE: 'Profil používateľa'
 };
 
 export default sk;

interface/src/i18n/sv/index.ts

@@ -355,7 +355,8 @@ const sv: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Internetanslutning krävs för automatisk version kontroll och uppdatering',
   SWITCH_RELEASE_TYPE: 'Byt till {0} utgåva',
   FIRMWARE_VERSION_INFO: 'Information om firmwareversion',
-  NO_DATA: 'Ingen data'
+  NO_DATA: 'Ingen data',
+  USER_PROFILE: 'Användarprofil'
 };
 
 export default sv;

interface/src/i18n/tr/index.ts

@@ -355,7 +355,8 @@ const tr: Translation = {
   INTERNET_CONNECTION_REQUIRED: 'Otomatik sürüm kontrolü ve güncelleme için internet bağlantısı gereklidir',
   SWITCH_RELEASE_TYPE: '{0} sürümüne geç',
   FIRMWARE_VERSION_INFO: 'Firmware Sürüm Bilgisi',
-  NO_DATA: 'Hiçbir veri yok'
+  NO_DATA: 'Hiçbir veri yok',
+  USER_PROFILE: 'Kullanıcı Profili'
 };
 
 export default tr;