style(identities): Improve indication of Account Identity.

gtandersen · Apr 3, 2024 · 9569d6c · 9569d6c
1 parent 3de0f4a
commit 9569d6c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/src/app/profiles/profiles.component.html b/src/app/profiles/profiles.component.html
@@ -17,7 +17,7 @@ <h2>Default Identity</h2>
             [selectedProfile] = profileService.composeProfile
             >
             <div section-description>
-                <p style="margin-bottom: 0;">Select the email you want to use as your Default Identity:</p>
+                <p style="margin-bottom: 0;">Select the identity you want to use as your Default Identity:</p>
             </div>
         </app-profiles-default>
         <br>

diff --git a/src/app/profiles/profiles.editor.modal.html b/src/app/profiles/profiles.editor.modal.html
@@ -1,12 +1,12 @@
 <mat-card class="mat_card mat-elevation-z0 update create modal-card">
     <mat-card-header class="header">
         <mat-card-title class="header-title">
-            <span *ngIf="is_create">Create profile</span>
-            <span *ngIf="is_update">Edit profile: {{identity.name}}</span>
+            <span *ngIf="is_create">Create identity</span>
+            <span *ngIf="is_update">Edit identity: {{identity.name}}</span>
         </mat-card-title>
         <mat-card-subtitle class="header-subtitle">
             <div *ngIf="identity.type === 'main'">
-                Username Identity
+                Account Identity
             </div>
             <div *ngIf="identity.type === 'aliases'">
                 Alias

diff --git a/src/app/profiles/profiles.lister.html b/src/app/profiles/profiles.lister.html
@@ -5,17 +5,12 @@
     <mat-card class="mat-elevation-z2 profile-card" *ngFor="let item of profiles; let i = index;">
         <mat-card-content class="profile-content">
             <mat-grid-list cols="{{mobile?6:7}}" rowHeight="15px">
-                <mat-grid-tile *ngIf="item.type === 'main'" colspan="6" rowspan="2">
-                    <h3>Username Identity</h3>
-                </mat-grid-tile>
                 <mat-grid-tile colspan="2" rowspan="2">
-                    <span class="float-right">Email:</span>
+                    <span class="float-right heading">Email Address:</span>
                 </mat-grid-tile>
                 <mat-grid-tile colspan="4" rowspan="2">
-                    <span class="float-left">{{item.email}}</span>
-                </mat-grid-tile>
-                <mat-grid-tile colspan="1" rowspan="8" *ngIf="!mobile">
-                    <button mat-raised-button (click)="edit(item)" color="primary">Edit</button>
+                    <span *ngIf="item.type !== 'main'" class="float-left heading">{{item.email}}</span><br />
+                    <span *ngIf="item.type === 'main'" class="float-left heading">{{item.email}}<br /> (Account Identity) </span>
                 </mat-grid-tile>
                 <mat-grid-tile colspan="2" rowspan="2">
                     <span class="float-right">From Name:</span>
@@ -48,7 +43,7 @@ <h3>Username Identity</h3>
                 <mat-grid-tile colspan="{{mobile?6:7}}" rowspan="1" *ngIf="mobile">
                     <mat-divider></mat-divider>
                 </mat-grid-tile>
-                <mat-grid-tile colspan="{{mobile?6:7}}" rowspan="3" *ngIf="mobile">
+                <mat-grid-tile colspan="{{mobile?6:7}}" rowspan="3">
                     <button mat-raised-button (click)="edit(item)" color="primary">Edit</button>
                 </mat-grid-tile>
             </mat-grid-list>

diff --git a/src/app/profiles/profiles.lister.scss b/src/app/profiles/profiles.lister.scss
@@ -17,6 +17,9 @@
     background-image: url(/_img/avatar.svg);
     background-size: cover;
 }
+.mat-card {
+    padding: 20px;
+}
 .mat_header {
     align-items: center;
 }
@@ -47,3 +50,7 @@
         height: 50px;
     }
 }
+
+.heading {
+    font-weight: bold;
+}