Moved actions back to right-hand side

Author: lprichar

angular/src/app/roles/roles.component.html

@@ -25,9 +25,9 @@ <h2>{{ "Roles" | localize }}</h2>
         <table class="table table-hover table-striped" [busy]="isTableLoading">
           <thead>
             <tr>
-              <th>{{ "Actions" | localize }}</th>
               <th>{{ "RoleName" | localize }}</th>
               <th>{{ "DisplayName" | localize }}</th>
+              <th>{{ "Actions" | localize }}</th>
             </tr>
           </thead>
           <tbody>
@@ -43,6 +43,8 @@ <h2>{{ "Roles" | localize }}</h2>
                       })
               "
             >
+              <td>{{ role.name }}</td>
+              <td>{{ role.displayName }}</td>
               <td>
                 <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
                   <mat-icon>menu</mat-icon>
@@ -58,8 +60,6 @@ <h2>{{ "Roles" | localize }}</h2>
                   </button>
                 </mat-menu>
               </td>
-              <td>{{ role.name }}</td>
-              <td>{{ role.displayName }}</td>
             </tr>
           </tbody>
         </table>

angular/src/app/tenants/tenants.component.html

@@ -25,12 +25,12 @@ <h2>{{ "Tenants" | localize }}</h2>
         <table class="table table-hover table-striped" [busy]="isTableLoading">
           <thead>
             <tr>
-              <th>{{ "Actions" | localize }}</th>
               <th>{{ "TenancyName" | localize }}</th>
               <th>{{ "Name" | localize }}</th>
               <th>
                 <div style="text-align:center">{{ "IsActive" | localize }}</div>
               </th>
+              <th>{{ "Actions" | localize }}</th>
             </tr>
           </thead>
           <tbody>
@@ -46,21 +46,6 @@ <h2>{{ "Tenants" | localize }}</h2>
                       })
               "
             >
-              <td>
-                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
-                  <mat-icon>menu</mat-icon>
-                </button>
-                <mat-menu #actionsMenu="matMenu">
-                  <button mat-menu-item (click)="editTenant(tenant)">
-                    <mat-icon>edit</mat-icon>
-                    <span>{{ "Edit" | localize }}</span>
-                  </button>
-                  <button mat-menu-item (click)="delete(tenant)">
-                    <mat-icon>delete</mat-icon>
-                    <span>{{ "Delete" | localize }}</span>
-                  </button>
-                </mat-menu>
-              </td>
               <td>{{ tenant.tenancyName }}</td>
               <td>{{ tenant.name }}</td>
               <td align="center">
@@ -79,6 +64,21 @@ <h2>{{ "Tenants" | localize }}</h2>
                   indeterminate_check_box
                 </i>
               </td>
+              <td>
+                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
+                  <mat-icon>menu</mat-icon>
+                </button>
+                <mat-menu #actionsMenu="matMenu">
+                  <button mat-menu-item (click)="editTenant(tenant)">
+                    <mat-icon>edit</mat-icon>
+                    <span>{{ "Edit" | localize }}</span>
+                  </button>
+                  <button mat-menu-item (click)="delete(tenant)">
+                    <mat-icon>delete</mat-icon>
+                    <span>{{ "Delete" | localize }}</span>
+                  </button>
+                </mat-menu>
+              </td>
             </tr>
           </tbody>
         </table>

angular/src/app/users/users.component.html

@@ -25,13 +25,13 @@ <h2>{{ "Users" | localize }}</h2>
         <table class="table table-hover table-striped" [busy]="isTableLoading">
           <thead>
             <tr>
-              <th>{{ "Actions" | localize }}</th>
               <th>{{ "UserName" | localize }}</th>
               <th>{{ "FullName" | localize }}</th>
               <th>{{ "EmailAddress" | localize }}</th>
               <th>
                 <div style="text-align:center">{{ "IsActive" | localize }}</div>
               </th>
+              <th>{{ "Actions" | localize }}</th>
             </tr>
           </thead>
           <tbody>
@@ -47,21 +47,6 @@ <h2>{{ "Users" | localize }}</h2>
                       })
               "
             >
-              <td>
-                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
-                  <mat-icon>menu</mat-icon>
-                </button>
-                <mat-menu #actionsMenu="matMenu">
-                  <button mat-menu-item (click)="editUser(user)">
-                    <mat-icon>edit</mat-icon>
-                    <span>{{ "Edit" | localize }}</span>
-                  </button>
-                  <button mat-menu-item (click)="delete(user)">
-                    <mat-icon>delete</mat-icon>
-                    <span>{{ "Delete" | localize }}</span>
-                  </button>
-                </mat-menu>
-              </td>
               <td>{{ user.userName }}</td>
               <td>{{ user.fullName }}</td>
               <td>{{ user.emailAddress }}</td>
@@ -81,6 +66,21 @@ <h2>{{ "Users" | localize }}</h2>
                   indeterminate_check_box
                 </i>
               </td>
+              <td>
+                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
+                  <mat-icon>menu</mat-icon>
+                </button>
+                <mat-menu #actionsMenu="matMenu">
+                  <button mat-menu-item (click)="editUser(user)">
+                    <mat-icon>edit</mat-icon>
+                    <span>{{ "Edit" | localize }}</span>
+                  </button>
+                  <button mat-menu-item (click)="delete(user)">
+                    <mat-icon>delete</mat-icon>
+                    <span>{{ "Delete" | localize }}</span>
+                  </button>
+                </mat-menu>
+              </td>
             </tr>
           </tbody>
         </table>