fix(account): Improve styling of resent alt email feature

src/app/account-details/account-details.component.scss

@@ -55,6 +55,7 @@ table {
 .action-buttons {
     display: flex;
     justify-content: left;
+    gap: 20px;
     width: 100%;
 }
 

src/app/account-details/personal-details.component.html

@@ -75,7 +75,9 @@ <h3><strong>Address details</strong></h3>
             </div>
             <div class="action-buttons">
                 <button mat-raised-button color="primary" (click)="update()">Save Details</button>
-                <button *ngIf="!is_alternative_email_validated" mat-raised-button color="primary" (click)="validate_alt_email()">Resend Alternative Email Validation</button>
+                <button *ngIf="!is_alternative_email_validated" mat-button color="primary" (click)="validate_alt_email()">
+                    Resend Alternative Email Validation
+                </button>
             </div>
         </form>
     </div>

src/app/app.component.html

@@ -43,7 +43,8 @@
                 <a routerLink="/onscreen" class="textLink"> (Experimental) create a video call </a>
             </p>
             <p *ngIf="(rmmapi.me | async)?.is_alternative_email_validated">
-              <span  style="color:red">Please confirm your Alternative Email address</span> <a routerLink="/account/details">Visit the Account Details page to resend the email</a>
+              <span style="color:red">Please confirm your Alternative Email address.</span>
+              <a class="textLink" routerLink="/account/details"> Visit the Account Details page to resend the email</a>
             </p>
         </div>
         <div>