Updated the format table and font to the account info page.

src/app/accountinfo/accountinfo.component.css

+.table-header {
+    border: 1px solid #a2bae1;
+    background-color: #f0f0f0;
+    width: 100%;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+
+.table-header span {
+    margin-left: 10px;
+    color: #1a50a5;
+    font-family: Raleway;
+    font-size: 22px;
+}
+
+.mat-table {
+    font-family: Raleway;
+    background-color: #fafafa;
+}
+
+.mat-header-cell {
+    color: #11356e;
+    font-size: 18px;
+}
\ No newline at end of file

src/app/accountinfo/accountinfo.component.html

@@ -26,13 +26,12 @@
                          </mat-list-item>
                      </div>
                      <div *ngIf="h.type == 'table'">
-                         <h3>{{ h.title }}</h3>
+                         <div class="table-header"><span>{{ h.title }}</span></div>
                          <table mat-table [dataSource]="h.data.rows" style="width: 100%">
                              <ng-container *ngFor="let c of h.data.cols" matColumnDef="{{c.key}}">
-                                 <th mat-header-cell *matHeaderCellDef style="text-align: right">{{ c.header }} </th>
-                                 <td mat-cell *matCellDef="let row;" style="text-align: right"> {{row[c.key]}}</td>
+                                 <th mat-header-cell *matHeaderCellDef style="text-align: left">{{ c.header }} </th>
+                                 <td mat-cell *matCellDef="let row;" style="text-align: left"> {{row[c.key]}}</td>
                              </ng-container>
-
                               <tr mat-header-row *matHeaderRowDef="calculateCols(h.data.cols); sticky: true" ></tr>
                               <tr mat-row *matRowDef="let row;  columns: calculateCols(h.data.cols)" [ngClass]="rowClass(row)" ></tr>
                          </table>