fix UI

frontend/src/app/agent/edit-agent.component.html

-<div *ngIf="agent">
+<mat-toolbar *ngIf="agent" color="primary" class="flex flex-row">
+  <button mat-icon-button routerLink="/auth/agents" aria-label="Cancel editing">
+    <mat-icon>close</mat-icon>
+  </button>
+
+  <span>Edit agent</span>
+
+  <span class="flex-1"></span>
+
+  <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Menu">
+    <mat-icon>more_vert</mat-icon>
+  </button>
+  <mat-menu #menu="matMenu">
+    <button mat-menu-item>Delete</button>
+  </mat-menu>
+</mat-toolbar>
+
+<div *ngIf="agent" class="main-container">
   <div *ngIf="errorMessage" class="text-red">{{ errorMessage }}</div>
-  <mat-toolbar *ngIf="agent" color="primary" class="flex flex-row">
-    <button
-      mat-icon-button
-      routerLink="/auth/agents"
-      aria-label="Cancel editing"
-    >
-      <mat-icon>close</mat-icon>
-    </button>
-
-    <span>Edit agent</span>
-
-    <span class="flex-1"></span>
-
-    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Menu">
-      <mat-icon>more_vert</mat-icon>
-    </button>
-    <mat-menu #menu="matMenu">
-      <button mat-menu-item>Delete</button>
-    </mat-menu>
-  </mat-toolbar>
 
   <form [formGroup]="edit" class="flex flex-col px-4">
     <mat-form-field>
@@ -67,17 +64,6 @@
       </mat-select>
     </mat-form-field>
   </mat-list>
-  <button class="ml-4" mat-raised-button routerLink="/auth/agents">
-    Cancel
-  </button>
-  <button
-    class="mr-4"
-    mat-raised-button
-    disabled="{{ !edit.valid }}"
-    (click)="saveAgent()"
-  >
-    Save
-  </button>
   <mat-list>
     <mat-list-item>
       <mat-icon mat-list-icon></mat-icon>