Web: People: fixed by layouts

products/ASC.People/Client/public/locales/en/Profile.json

@@ -58,7 +58,7 @@
 
   "ProviderSuccessfullyConnected": "Provider successfully connected",
   "ProviderSuccessfullyDisconnected": "Provider successfully disconnected",
-  "TwoFactorDescription": "<strong>Two-factor authentication</strong> via code generating application was enabled for all users by cloud service administrator.",
+  "TwoFactorDescription": "Two-factor authentication via code generating application was enabled for all users by cloud service administrator.",
   "ResetApplication": "Reset application",
   "ShowBackupCodes": "Show backup codes",
   "CountCodesRemaining": "({{count}} codes remaining)",

products/ASC.People/Client/public/locales/ru/Profile.json

@@ -59,7 +59,7 @@
 
   "ProviderSuccessfullyConnected": "Провайдер успешно подключен",
   "ProviderSuccessfullyDisconnected": "Провайдер успешно отключен",
-  "TwoFactorDescription": "<strong>Двухфакторная аутентификация</strong> через приложение для генерации кодов включена для всех пользователей администратором облачного сервиса.",
+  "TwoFactorDescription": "Двухфакторная аутентификация через приложение для генерации кодов включена для всех пользователей администратором облачного сервиса.",
   "ResetApplication": "Сбросить приложение",
   "ShowBackupCodes": "Показать резервные коды",
   "CountCodesRemaining": "({{count}} кодов осталось)",

products/ASC.People/Client/src/pages/Profile/Section/Body/index.js

@@ -71,7 +71,12 @@ const ContactWrapper = styled.div`
 
 const LinkActionWrapper = styled.div`
   margin-top: 17px;
-  .link-action {
+
+  .link-action-reset {
+    margin-right: 18px;
+  }
+
+  .link-action-backup {
     margin-right: 5px;
   }
 `;
@@ -412,16 +417,16 @@ class SectionBodyContent extends React.PureComponent {
             <ToggleContent label={t("TfaLoginSettings")} isOpen={true}>
               <Trans t={t} i18nKey="TwoFactorDescription" ns="Profile">
                 <Text>
-                  <strong>Two-factor authentication</strong> via code generating
+                  Two-factor authentication via code generating application was
-                  application was enabled for all users by cloud service
+                  enabled for all users by cloud service administrator.
-                  administrator.
                 </Text>
               </Trans>
               <LinkActionWrapper>
                 <Link
                   type="action"
                   isHovered={true}
-                  className="link-action"
+                  className="link-action-reset"
+                  isBold={true}
                   onClick={this.toggleResetAppDialogVisible}
                 >
                   {t("ResetApplication")}
@@ -429,21 +434,23 @@ class SectionBodyContent extends React.PureComponent {
                 <Link
                   type="action"
                   isHovered={true}
-                  className="link-action"
+                  className="link-action-backup"
+                  isBold={true}
                   onClick={this.toggleBackupCodesDialogVisible}
                 >
                   {t("ShowBackupCodes")}
                 </Link>
-                <Trans
+
-                  t={t}
+                <Link color="#A3A9AE" noHover={true}>
-                  i18nKey="CountCodesRemaining"
+                  <Trans
-                  ns="Profile"
+                    t={t}
-                  count={backupCodesCount}
+                    i18nKey="CountCodesRemaining"
-                >
+                    ns="Profile"
-                  <Text color="#A3A9AE">
+                    count={backupCodesCount}
+                  >
                     ({{ count: backupCodesCount }} codes remaining)
-                  </Text>
+                  </Trans>
-                </Trans>
+                </Link>
               </LinkActionWrapper>
             </ToggleContent>
           </ToggleWrapper>