From 7bb25f7598986d6431f4f7f665d2a19723f4ac66 Mon Sep 17 00:00:00 2001
From: andrej romanov <50377758+auumgn@users.noreply.github.com>
Date: Thu, 25 Jul 2024 16:28:34 +0300
Subject: [PATCH] fix email modal error message wrapping

---
 .../modals/modal-email/modal-email.component.html         | 5 ++++-
 .../modals/modal-email/modal-email.component.scss         | 8 ++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
index 7046e0205..80d6f0e49 100644
--- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
+++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
@@ -145,7 +145,10 @@ <h2 class="orc-font-body-large" i18n="@@side-bar.emailAddressesUppercase">
               >
             </button>
           </div>
-          <div class="row actions-wrapper">
+          <div
+            class="row actions-wrapper"
+            [ngClass]="{ 'actions-wrapper-mobile': isMobile }"
+          >
             <div
               class="actions-sub-wrapper"
               *ngIf="showNonVerifiedData(email.putCode)"
diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
index 8a9006538..f4204483f 100644
--- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
+++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
@@ -36,17 +36,21 @@ mat-form-field {
 }
 
 .actions-wrapper {
-  width: 51%;
+  width: 100%;
   margin-left: 48px;
+  margin-right: 255px;
   margin-top: 3px;
   line-height: 21px;
 }
 
+.actions-wrapper-mobile {
+  margin-right: 150px !important;
+}
+
 .actions-wrapper,
 .actions-sub-wrapper {
   display: flex;
   flex-wrap: nowrap;
-  flex-shrink: 0;
   justify-content: space-between;
 
   .actions-sub-wrapper {