Fixed shifted column headers and vertical middle alignment

Author: promatik

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

@@ -44,13 +44,9 @@
       border: none;
       display: inline;
       position: relative;
-      top: 0;
+      top: 0.2rem;
       left: 0;
-      margin: 0 0 0 -0.25rem;
-    }
-
-    &.dtr-inline.collapsed > tbody > tr > .dtr-control:before {
-      top: 0;
+      margin: 0 -0.4rem 0 -0.25rem;
     }
 
     td,
@@ -61,13 +57,6 @@
       // box-shadow: none;
     }
 
-    thead > tr {
-      & > th:not(.sorting_disabled),
-      & > td {
-        padding-right: 30px;
-      }
-    }
-
     .sorting:before,
     .sorting_asc:before,
     .sorting_desc:before,
@@ -92,27 +81,27 @@
     }
 
     &.has-hidden-columns .details-control {
-      margin-left: 0.25rem;
+      margin-left: 0.2rem;
     }
 
     &[data-has-bulk-actions="1"] {
       &.has-hidden-columns {
         thead tr th:first-child,
         tfoot tr th:first-child {
-          padding-left: 1.35rem !important;
+          padding-left: 1.45rem !important;
         }
       }
 
       &[data-has-details-row="1"] {
         thead tr th:first-child,
         tfoot tr th:first-child {
-          padding-left: 1.6rem !important;
+          padding-left: 1.8rem !important;
         }
 
         &.has-hidden-columns {
           thead tr th:first-child,
           tfoot tr th:first-child {
-            padding-left: 2.6rem !important;
+            padding-left: 2.9rem !important;
           }
         }
       }
@@ -123,30 +112,26 @@
       &.has-hidden-columns {
         thead tr th:first-child,
         tfoot tr th:first-child {
-          padding-left: 1.8rem !important;
+          padding-left: 2rem !important;
         }
       }
 
       &[data-has-details-row="1"].has-hidden-columns {
         thead tr th:first-child,
         tfoot tr th:first-child {
-          padding-left: 3rem !important;
+          padding-left: 3.1rem !important;
         }
       }
     }
 
-    .details-control {
-      display: flex;
-    }
-
     .crud_bulk_actions_checkbox {
-      display: flex;
       margin: 0 0.6rem 0 0.45rem;
     }
 
     .crud_bulk_actions_checkbox input {
       width: 1rem;
       height: 1rem;
+      margin-top: 2px;
     }
 
     &:not(.has-hidden-columns) {
@@ -157,16 +142,14 @@
     }
     tr th:first-child,
     tr td:first-child {
-      display: flex;
-      align-items: center;
-      padding-top: 1.1rem !important;
-      padding-bottom: 1.1rem !important;
+      padding-top: 1rem !important;
+      padding-bottom: 1rem !important;
       padding-left: 0.6rem !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;
+        margin-right: 0.2rem !important;
     }
 
     &[data-responsive-table="0"] thead tr th,
@@ -252,6 +235,10 @@
     font-weight: 600;
     text-transform: uppercase;
   }
+
+  .nav-link.invisible {
+    display: none;
+  }
 }
 
 @media (min-width: 768px) {