WEB-470 Edit Button Placement Inconsistent on Office Edit Page

src/app/organization/offices/view-office/view-office.component.html

@@ -1,4 +1,17 @@
 <div class="container narrow-container extra-small">
+  <div class="action-bar">
+    <button
+      mat-raised-button
+      color="primary"
+      class="edit-button"
+      [routerLink]="['./edit']"
+      *mifosxHasPermission="'UPDATE_OFFICE'"
+    >
+      <fa-icon icon="edit" class="m-r-10"></fa-icon>
+      {{ 'labels.buttons.Edit' | translate }}
+    </button>
+  </div>
+
   <mat-card class="office-card">
     <mat-card-content class="card-content">
       <nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">