Small CP user panel interface improvement

cp/lang/en_US/messages.po

@@ -211,8 +211,11 @@ msgstr "Update"
 msgid "Two-Factor Authentication"
 msgstr "Two-Factor Authentication"
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
-msgstr "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgstr "Download Google Authenticator app"
+
+msgid "Scan the QR code with your authentication app"
+msgstr "Scan the QR code with your authentication app"
 
 msgid "Manual Entry Secret"
 msgstr "Manual Entry Secret"

cp/lang/es_ES/messages.po

@@ -211,8 +211,11 @@ msgstr "Actualizar"
 msgid "Two-Factor Authentication"
 msgstr "Autenticación de dos factores"
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
-msgstr "Configura 2FA para mayor seguridad. Escanea el código QR con tu aplicación de autenticación e introduce el código proporcionado a continuación para verificar."
+msgstr "Descarga la aplicación Google Authenticator"
+
+msgid "Scan the QR code with your authentication app"
+msgstr "Escanea el código QR con tu aplicación de autenticación"
 
 msgid "Manual Entry Secret"
 msgstr "Entrada manual secreta"

cp/lang/fr_FR/messages.po

@@ -211,8 +211,11 @@ msgstr "Mettre à jour"
 msgid "Two-Factor Authentication"
 msgstr "Authentification à deux facteurs"
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
-msgstr "Configurez 2FA pour une sécurité supplémentaire. Scannez le code QR avec votre application d'authentification et saisissez le code fourni ci-dessous pour vérifier."
+msgstr "Téléchargez l’application Google Authenticator"
+
+msgid "Scan the QR code with your authentication app"
+msgstr "Scannez le code QR avec votre application d’authentification"
 
 msgid "Manual Entry Secret"
 msgstr "Saisie manuelle du secret"

cp/lang/jp_JP/messages.po

@@ -211,8 +211,11 @@ msgstr "更新"
 msgid "Two-Factor Authentication"
 msgstr "二要素認証"
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
-msgstr "追加のセキュリティを設定するには、2FAを設定してください。QRコードを認証アプリでスキャンし、以下に提供されたコードを入力して確認してください。"
+msgstr "Google Authenticator アプリをダウンロードしてください"
+
+msgid "Scan the QR code with your authentication app"
+msgstr "認証アプリで QR コードをスキャンしてください"
 
 msgid "Manual Entry Secret"
 msgstr "手動でエントリーシークレットを入力"

cp/lang/messages_template.po

@@ -211,7 +211,10 @@ msgstr ""
 msgid "Two-Factor Authentication"
 msgstr ""
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
+msgstr ""
+
+msgid "Scan the QR code with your authentication app"
 msgstr ""
 
 msgid "Manual Entry Secret"

cp/lang/pt_PT/messages.po

@@ -211,8 +211,11 @@ msgstr "Atualizar"
 msgid "Two-Factor Authentication"
 msgstr "Autenticação de dois fatores"
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
-msgstr "Configure 2FA para segurança adicional. Digitalize o código QR com o seu aplicativo de autenticação e insira o código fornecido abaixo para verificar."
+msgstr "Baixe o aplicativo Google Authenticator"
+
+msgid "Scan the QR code with your authentication app"
+msgstr "Leia o código QR com seu aplicativo de autenticação"
 
 msgid "Manual Entry Secret"
 msgstr "Segredo de entrada manual"

cp/lang/uk_UA/messages.po

@@ -211,8 +211,11 @@ msgstr "Оновити"
 msgid "Two-Factor Authentication"
 msgstr "Двофакторна аутентифікація"
 
-msgid "Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify."
+msgid "Download Google Authenticator app"
-msgstr "Налаштуйте 2FA для додаткового захисту. Відскануйте QR-код за допомогою програми автентифікації та введіть наведений нижче код для перевірки."
+msgstr "Завантажте додаток Google Authenticator"
+
+msgid "Scan the QR code with your authentication app"
+msgstr "Відскануйте QR-код за допомогою вашого додатку автентифікації"
 
 msgid "Manual Entry Secret"
 msgstr "Секрет Введення вручну"

cp/resources/views/admin/profile/profile.twig

@@ -107,7 +107,22 @@
                     <h3 class="card-title">{{ __('Two-Factor Authentication') }} (2FA)</h3>
                     <form action="{{route('activate2fa')}}" name="2fa" method="post">
                     {{ csrf.field | raw }}
-                      <p>{{ __('Set up 2FA for additional security. Scan the QR code with your authentication app and enter the provided code below to verify.') }}</p>
+                      <h4>1. {{ __('Download Google Authenticator app') }}</h4>
+                      <p><a target="_blank" href="https://apps.apple.com/us/app/google-authenticator/id388497605" class="btn btn-dark btn-pill w-20">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-apple" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                           <path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z"></path>
+                           <path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path>
+                        </svg> App Store</a>
+                        <a target="_blank" href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" class="btn btn-info btn-pill w-20">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-google-play" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                           <path d="M4 3.71v16.58a0.7 .7 0 0 0 1.05 .606l14.622 -8.42a0.55 .55 0 0 0 0 -.953l-14.622 -8.419a0.7 .7 0 0 0 -1.05 .607z"></path>
+                           <line x1="15" y1="9" x2="4.5" y2="20.5"></line>
+                           <line x1="4.5" y1="3.5" x2="15" y2="15"></line>
+                        </svg> Google Play</a>
+                      </p>
+                      <h4>2. {{ __('Scan the QR code with your authentication app') }}</h4>
                       <div class="mb-3">
                         <img src="{{ qrcodeDataUri }}" alt="2FA QR Code" class="img-fluid">
                       </div>
@@ -119,7 +134,7 @@
                         </small>
                       </div>
                       <div class="mb-3">
-                        <label for="verificationCode" class="form-label required">{{ __('Verification Code') }}</label>
+                        <label for="verificationCode" class="form-label required">3. {{ __('Verification Code') }}</label>
                         <input type="number" class="form-control" id="verificationCode" name="verificationCode" placeholder="{{ __('Enter code') }}" required="required">
                         <small class="form-text text-muted">
                           {{ __('Enter the code generated by your authentication app. This code verifies that your 2FA setup is working correctly. Once entered, click') }} {{ __('Save 2FA Settings') }} {{ __('to activate two-factor authentication for your account.') }}