style(identities): Improve indication of Account Username.

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>

src/app/profiles/profiles.editor.modal.html

@@ -1,15 +1,15 @@
 <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 Username
             </div>
             <div *ngIf="identity.type === 'aliases'">
-                Alias
+                Email Alias
             </div>
             <div *ngIf="identity.from_priority === 0">
                 Default Identity

src/app/profiles/profiles.lister.html

@@ -5,17 +5,14 @@
     <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  *ngIf="item.type === 'main'" colspan="6" rowspan="2">
+                    <h3 class="heading">Account Username</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 class="float-left heading">{{item.email}}</span>
                 </mat-grid-tile>
                 <mat-grid-tile colspan="2" rowspan="2">
                     <span class="float-right">From Name:</span>
@@ -48,7 +45,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>

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,6 @@
         height: 50px;
     }
 }
+.heading {
+    font-weight: bold;
+}