refactor

web/src/components/Settings/SettingsDialog.jsx

@@ -110,7 +110,12 @@ export default function SettingsDialog({ handleClose }) {
 
           <Tab
             disabled={!isProMode}
-            label={isProMode ? t('SettingsDialog.Tabs.Additional') : t('SettingsDialog.Tabs.AdditionalDisabled')}
+            label={
+              <>
+                <div>{t('SettingsDialog.Tabs.Additional')}</div>
+                {!isProMode && <div style={{ fontSize: '9px' }}>{t('SettingsDialog.Tabs.AdditionalDisabled')}</div>}
+              </>
+            }
             {...a11yProps(1)}
           />
         </Tabs>

web/src/components/Settings/style.js

@@ -107,6 +107,7 @@ export const StorageButton = styled.div`
           grid-template-columns: max-content 1fr;
           gap: 20px;
           align-items: center;
+          justify-items: start;
           margin-bottom: 20px;
         `
       : css`

web/src/locales/en/translation.json

@@ -107,7 +107,7 @@
     "Tabs": {
       "Main": "Main",
       "Additional": "Additional",
-      "AdditionalDisabled": "Additional (enable PRO mode)"
+      "AdditionalDisabled": "(enable PRO mode)"
     }
   },
   "Size": "Size",

web/src/locales/ru/translation.json

@@ -107,7 +107,7 @@
     "Tabs": {
       "Main": "Основные",
       "Additional": "Дополнительные",
-      "AdditionalDisabled": "Дополнительные (включите ПРО режим)"
+      "AdditionalDisabled": "(включите ПРО режим)"
     }
   },
   "Size": "Размер",