From e09b72e53defcbfb4b6f28ea588ed9e7844ccda8 Mon Sep 17 00:00:00 2001
From: Daniel Shleifman <dancheskus@gmail.com>
Date: Tue, 6 Jul 2021 14:38:10 +0300
Subject: [PATCH] refactor

---
 web/src/components/Settings/SettingsDialog.jsx | 7 ++++++-
 web/src/components/Settings/style.js           | 1 +
 web/src/locales/en/translation.json            | 2 +-
 web/src/locales/ru/translation.json            | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Settings/SettingsDialog.jsx b/web/src/components/Settings/SettingsDialog.jsx
index 0b4bd97..f1700b1 100644
--- a/web/src/components/Settings/SettingsDialog.jsx
+++ b/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>
diff --git a/web/src/components/Settings/style.js b/web/src/components/Settings/style.js
index 952bc67..075c63c 100644
--- a/web/src/components/Settings/style.js
+++ b/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`
diff --git a/web/src/locales/en/translation.json b/web/src/locales/en/translation.json
index cb04085..0eeea6c 100644
--- a/web/src/locales/en/translation.json
+++ b/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",
diff --git a/web/src/locales/ru/translation.json b/web/src/locales/ru/translation.json
index 31c9c13..4d4dc25 100644
--- a/web/src/locales/ru/translation.json
+++ b/web/src/locales/ru/translation.json
@@ -107,7 +107,7 @@
     "Tabs": {
       "Main": "Основные",
       "Additional": "Дополнительные",
-      "AdditionalDisabled": "Дополнительные (включите ПРО режим)"
+      "AdditionalDisabled": "(включите ПРО режим)"
     }
   },
   "Size": "Размер",