From 4399b6cc0a3431a1c91e7fdc085b9bbc2c9c7bbb Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Fri, 6 Oct 2023 10:32:47 +0400
Subject: [PATCH] Misalignments on the log in page when 2FA is enforced
 [SCI-9398]

---
 .../users/registrations/_2fa_modal_qr_code_tab.html.erb     | 6 ++++--
 .../registrations/_2fa_modal_recovery_codes_tab.html.erb    | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/views/users/registrations/_2fa_modal_qr_code_tab.html.erb b/app/views/users/registrations/_2fa_modal_qr_code_tab.html.erb
index 8070468d8..cc3965545 100644
--- a/app/views/users/registrations/_2fa_modal_qr_code_tab.html.erb
+++ b/app/views/users/registrations/_2fa_modal_qr_code_tab.html.erb
@@ -1,10 +1,12 @@
 <div role="tabpanel" class="tab-pane" id="2fa-step-2">
-  <div class="modal-header">
+  <div class="modal-header flex justify-center">
     <button type="button" class="close" data-dismiss="modal"><i class="sn-icon sn-icon-close"></i></button>
     <h2 class="modal-title"><%= t("users.registrations.edit.2fa_modal.step_2.title") %></h2>
   </div>
   <div class="modal-body">
-    <p><%= t("users.registrations.edit.2fa_modal.step_2.description") %></p>
+    <div class="flex justify-center">
+      <p><%= t("users.registrations.edit.2fa_modal.step_2.description") %></p>
+    </div>
     <div class="qr-code"></div>
   </div>
   <div class="modal-footer">
diff --git a/app/views/users/registrations/_2fa_modal_recovery_codes_tab.html.erb b/app/views/users/registrations/_2fa_modal_recovery_codes_tab.html.erb
index a3d0664a5..c323a7fce 100644
--- a/app/views/users/registrations/_2fa_modal_recovery_codes_tab.html.erb
+++ b/app/views/users/registrations/_2fa_modal_recovery_codes_tab.html.erb
@@ -1,12 +1,12 @@
 <div role="tabpanel" class="tab-pane" id="2fa-step-4">
-  <div class="modal-header">
+  <div class="modal-header flex justify-center mb-6">
     <button type="button" class="close" data-dismiss="modal"><i class="sn-icon sn-icon-close"></i></button>
     <h2 class="modal-title"><%= t("users.registrations.edit.2fa_modal.step_4.title") %></h2>
   </div>
   <div class="modal-body">
     <h1 class="verified-label"><i class="fas fa-check-circle">&nbsp;</i><%= t("users.registrations.edit.2fa_modal.step_4.verified") %></h1>
     <p><%= t("users.registrations.edit.2fa_modal.step_4.description") %></p>
-    <div class="recovery-codes"></div>
+    <div class="recovery-codes mb-1"></div>
   </div>
   <div class="modal-footer">
     <button type="button" id="cancel" class="btn btn-secondary two-factor-modal-close" data-dismiss="modal"><%=t 'general.close' %></button>