refactor: move horizontal scroll styles to respective components (#211)

Author: spike-rabbit

projects/ngx-datatable/src/lib/components/body/body.component.scss

@@ -3,6 +3,11 @@
   z-index: 10;
   display: block;
   overflow: hidden;
+
+  :host-context(ngx-datatable.scroll-horz) & {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch; // Required for iOS optimization
+  }
 }
 
 datatable-scroller {

projects/ngx-datatable/src/lib/components/datatable.component.scss

@@ -31,16 +31,6 @@
     }
   }
 
-  /**
-   * Horizontal Scrolling Adjustments
-   */
-  &.scroll-horz {
-    .datatable-body {
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch; // Required for iOS optimization
-    }
-  }
-
   /**
    * Fixed row height adjustments
    */