Design Changes

frontend/angular/src/app/components/edit-applicant/edit-applicant.component.css

 .ui-g.form-group > div {
     padding : 0px !important;
+    padding-right: 10px !important;
 }
\ No newline at end of file

frontend/angular/src/app/components/edit-applicant/edit-applicant.component.html

-<form #form="ngForm">
-    <p-toolbar>
+<p-toolbar>
     <div class="ui-toolbar-group-left">
         Edit Applicant
     </div>
-        <div class="ui-toolbar-group-right ui-fluid" >
-            <p-splitButton label="Save" icon="ui-icon-save" [model]="saveDropdown" styleClass="secondary-btn" (onClick)="saveApplicants(true)"></p-splitButton>
+    <div  class="ui-toolbar-group-right ui-fluid">
+        <p-splitButton label="Save" icon="ui-icon-save" [model]="saveDropdown" styleClass="ui-button-info" (onClick)="saveApplicants(true)"></p-splitButton>
     </div>
     <div class="ui-toolbar-group-right ui-fluid">
         <button pButton type="button" icon="ui-icon-cancel" label="Cancel" [routerLink]="['/search-applicant']" class="secondary-btn"></button>
     </div>
-    </p-toolbar>
+</p-toolbar>
+
+<p-card>
+<form #form="ngForm">
     <div class="ui-g form-group" style="margin-top: 10px;">
         <div class="ui-g-12 ui-md-2">
             <label>{{FIELDS.FIRST_NAME}}</label>
@@ -48,7 +50,7 @@
     </div>
 
     <span *ngIf="applicant.JobApplications.length">
-        <h4>Job Applications</h4><br/>
+        <h4> <b>Job Applications</b></h4><br/>
         <p-table #table [columns]="cols" [value]="applicant.JobApplications" [paginator]="false" selectionMode="single" (onRowSelect)="onRowSelect($event.data)">
             <ng-template pTemplate="colgroup" let-columns>
                 <colgroup>
@@ -90,3 +92,4 @@
 
     <p-progressSpinner *ngIf="showLoader"></p-progressSpinner>
 </form>
+</p-card>

frontend/angular/src/app/components/search-applicants/search-applicants.component.html

 <form #form="ngForm">
-    <div class="ui-g ui-fluid">
-        <div class="ui-g-12 nopad">
     <p-toolbar>
         <div class="ui-toolbar-group-left">
             Search Applicants
         </div>
     </p-toolbar>
-        </div>
-    </div>
+    <p-card>
     <div class="ui-g form-group">
         <div class="ui-g-12 ui-md-2">
             <label>Details</label>
@@ -20,9 +17,10 @@
         <div class="ui-g-12 ui-md-2">
         </div>
         <div class="ui-g-12 ui-md-4 ui-fluid">
-            <p-button label="Search" (click)="getApplicants()"></p-button>
+            <p-button label="Search" (click)="getApplicants()" icon="ui-icon-search"></p-button>
         </div>
     </div>
+    </p-card>
     <span *ngIf="showResult">
     <h4>Search Results ({{applicants.length}})</h4><br/>
     <p-table #table [columns]="cols" [value]="applicants" [paginator]="false" selectionMode="single" >