fix public page email section wrapping

ORCID · Aug 30, 2024 · 5f1454a · 5f1454a
1 parent 861706c
commit 5f1454a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 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
@@ -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
@@ -43,17 +43,22 @@ hr {
 .verification-icon {
   height: 28px;
   width: 28px;
+  min-width: 28px;
   font-size: 28px;
   margin-right: 8px;
 }
 
 .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 {