Fixed vertical orientation of content in table rows

Author: lprichar

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

@@ -46,7 +46,7 @@ <h2>{{ "Roles" | localize }}</h2>
               <td>{{ role.name }}</td>
               <td>{{ role.displayName }}</td>
               <td>
-                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
+                <button class="action-button" mat-icon-button [matMenuTriggerFor]="actionsMenu">
                   <mat-icon>menu</mat-icon>
                 </button>
                 <mat-menu #actionsMenu="matMenu">

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

@@ -65,7 +65,7 @@ <h2>{{ "Tenants" | localize }}</h2>
                 </i>
               </td>
               <td>
-                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
+                <button class="action-button" mat-icon-button [matMenuTriggerFor]="actionsMenu">
                   <mat-icon>menu</mat-icon>
                 </button>
                 <mat-menu #actionsMenu="matMenu">

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

@@ -67,7 +67,7 @@ <h2>{{ "Users" | localize }}</h2>
                 </i>
               </td>
               <td>
-                <button mat-icon-button [matMenuTriggerFor]="actionsMenu">
+                <button class="action-button" mat-icon-button [matMenuTriggerFor]="actionsMenu">
                   <mat-icon>menu</mat-icon>
                 </button>
                 <mat-menu #actionsMenu="matMenu">

angular/src/bsb-theme/css/style.css

@@ -4608,7 +4608,7 @@ section.content {
 
 /* Tables ====================================== */
 .table tbody tr td, .table tbody tr th {
-  padding: 10px;
+  padding: 18px 10px 0 10px;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee; }
 

angular/src/shared/core.less

@@ -237,7 +237,11 @@ topbar-languageswitch {
 .abp-pagination-controls-wrapper {
     text-align: center;
 }
-  
+
 .header-dropdown-mat-icon-button {
     bottom: 10px;
+}
+
+.action-button {
+    top: -9px;
 }