buttons in tables

angular/src/app/_components/list/list.component.ts

@@ -314,7 +314,9 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
         switch (column.type) {
             case ListComponent.COLUMN_TYPE_DETAIL:
                 return "spt-button-td";
+            case ListComponent.COLUMN_TYPE_DETAIL_LINK:
             case ListComponent.COLUMN_TYPE_BTN_REMOVE:
+            case ListComponent.COLUMN_TYPE_BTN_EDIT:
                 return "spt-button-td text-end";
             case ListComponent.COLUMN_TYPE_TEXT:
                 return "spt-version-td";

angular/src/assets/scss/_button.scss

@@ -95,11 +95,13 @@ body {
   display: block;
   width: 32px;
   height: 32px;
+  margin: 0 16px 0 0;
   background-size: 20px auto;
   background-color: #2e3a43;
   border-color: #2e3a43;
   background-repeat: no-repeat;
   background-position: 50% 50%;
+  cursor: pointer;
   &:hover {
     background-color: #6d757c !important;
     border-color: #6d757c !important;

angular/src/assets/scss/_table.scss

@@ -119,7 +119,9 @@ app-paging > .mat-mdc-paginator:first-child {
 }
 
 .spt-button-td {
-  width: 85px;
+  width: 50px;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
 }
 .spt-version-td {
   min-width: 160px;