Connections table in dataservice wizard is not sorting

- changed the way the column is defined in the html
- minor changes to connections table shell styling

ngapp/src/app/dataservices/connection-table-selector/connection-table-selector.component.html

@@ -10,7 +10,6 @@
   <div class="col-sm-3" *ngIf="connectionsLoadedValid">
     <ngx-datatable [rows]="rows"
                    [columns]="columns"
-                   [loadingIndicator]="connectionsLoading"
                    [messages]="tableMessages"
                    [footerHeight]="24"
                    [scrollbarV]="true"
@@ -20,10 +19,7 @@
                    [selectionType]="'single'"
                    (select)="onSelect($event)"
                    [cssClasses]="customClasses">
-      <ngx-datatable-column [prop]="name" [sortable]="true" [resizeable]="false">
-        <ng-template let-column="column" ngx-datatable-header-template>
-          Connections
-        </ng-template>
+      <ngx-datatable-column name="Connections" [prop]="'name'" [sortable]="true" [resizeable]="false">
         <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
           <i class="fa fa-plug list-view-pf-icon-sm"></i>
           {{ row.name }}

ngapp/src/styles.css

@@ -51,7 +51,10 @@
 }
 
 .datatable-body-cell {
-  padding: 0.25em;
+  padding-bottom: 0.25em;
+  padding-left: 1.0em;
+  padding-right: 0.25em;
+  padding-top: 0.25em;
   border-left: 1px solid #d8d8d8;
   border-right: 1px solid #d8d8d8;
 }