notification frequency menu styling changes

ORCID · Jul 24, 2024 · c41a777 · c41a777
1 parent 696c659
commit c41a777
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/...onents/settings-defaults-email-frequency/settings-defaults-email-frequency.component.html b/...onents/settings-defaults-email-frequency/settings-defaults-email-frequency.component.html
@@ -51,6 +51,7 @@ <h4 class="orc-font-body" i18n="@@account.notificationEmailAddress">
         <label class="orc-font-body-small">{{ primaryEmail }}</label>
         <caption
           id="email-verified-address"
+          class="orc-font-small-print"
           *ngIf="primaryEmailVerified"
           i18n="@@account.verifiedEmailAddress"
         >
@@ -77,6 +78,7 @@ <h4 class="orc-font-body" i18n="@@account.notificationEmailAddress">
       <a
         (click)="openEmailModal()"
         class="underline"
+        *ngIf="!isMobile"
         id="manage-your-emails"
         i18n="@@account.manageYourEmails"
       >

diff --git a/...onents/settings-defaults-email-frequency/settings-defaults-email-frequency.component.scss b/...onents/settings-defaults-email-frequency/settings-defaults-email-frequency.component.scss
@@ -20,7 +20,7 @@ mat-form-field {
 }
 
 label {
-  margin-bottom: 8px;
+  margin-bottom: 2px;
 }
 
 .italic {
@@ -51,9 +51,22 @@ mat-checkbox {
   justify-content: space-between;
   max-width: 100%;
   .email-container {
+    min-width: 0;
     display: flex;
     gap: 16px;
     align-items: center;
+    div {
+      min-width: 0;
+      line-height: 21px;
+    }
+    label,
+    caption {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-align: left;
+      display: block !important;
+    }
     label {
       font-weight: bold;
     }