From 5f1454ad6f5db5701d616066e0fbf6ae041cb98b Mon Sep 17 00:00:00 2001
From: andrej romanov <50377758+auumgn@users.noreply.github.com>
Date: Fri, 30 Aug 2024 13:28:24 +0300
Subject: [PATCH] fix public page email section wrapping

---
 src/app/cdk/side-bar/side-bar/side-bar.component.html | 4 +++-
 src/app/cdk/side-bar/side-bar/side-bar.component.scss | 5 +++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/cdk/side-bar/side-bar/side-bar.component.html b/src/app/cdk/side-bar/side-bar/side-bar.component.html
index 29e56a4b7..fd046878e 100644
--- a/src/app/cdk/side-bar/side-bar/side-bar.component.html
+++ b/src/app/cdk/side-bar/side-bar/side-bar.component.html
@@ -144,7 +144,9 @@
           !loadingTogglz
         "
       >
-        <h4 header i18n="@@side-bar.emailAddresses">Email addresses</h4>
+        <h4 header i18n="@@side-bar.emailAddressesUppercase">
+          Email addresses
+        </h4>
         <app-panel-element
           *ngFor="let email of userRecord?.emails?.emails; let last = last"
           [visibility]="email.verified ? email.visibility : 'PRIVATE'"
diff --git a/src/app/cdk/side-bar/side-bar/side-bar.component.scss b/src/app/cdk/side-bar/side-bar/side-bar.component.scss
index 81516d718..336e672d9 100644
--- a/src/app/cdk/side-bar/side-bar/side-bar.component.scss
+++ b/src/app/cdk/side-bar/side-bar/side-bar.component.scss
@@ -43,6 +43,7 @@ hr {
 .verification-icon {
   height: 28px;
   width: 28px;
+  min-width: 28px;
   font-size: 28px;
   margin-right: 8px;
 }
@@ -50,10 +51,14 @@ hr {
 .last-public-email-or-domain {
   margin-bottom: -8px;
 }
+
 .public-email-or-domain {
   ::ng-deep hr {
     margin: 16px 0 16px 0;
   }
+  div {
+    flex-wrap: nowrap !important;
+  }
 }
 
 .email-section {