Fixed icons and alignment on non responsive datatable

Author: promatik

src/public/packages/backpack/base/css/blue-bundle.css

@@ -24,7 +24,8 @@
     margin-right: 0.4rem;
   }
 
-  #crudTable {
+  #crudTable,
+  table.dataTable {
     margin-top: 0 !important;
 
     &.dtr-inline.collapsed > tbody > tr > .dtr-control:before {
@@ -156,25 +157,28 @@
       padding-bottom: 1rem !important;
       padding-left: 0.6rem !important;
     }
-    
-    &[data-responsive-table="0"] {
-      tr th:first-child {
-        padding-top: 0 !important;
-        padding-bottom: 0 !important;
-      }
-    }
 
     &[data-has-bulk-actions="0"] .details-control,
     &[data-has-bulk-actions="0"][data-has-details-row="0"] .dtr-control:before {
         margin-right: 0.4rem !important;
     }
 
+    &[data-responsive-table="0"] thead tr th,
     tr td.dataTables_empty,
     tr.dt-hasChild + tr td {
       display: table-cell;
     }
   }
 
+  .dataTables_scrollBody {
+    #crudTable[data-responsive-table="0"] {
+      tr th:first-child {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important;
+      }
+    }
+  }
+
   .dt-buttons .dt-button-collection,
   tr td .btn-group .dropdown-menu {
     max-height: 340px;