style: TT-318 Improve column visibility

Author: Edgar Guaman

src/styles.scss

@@ -61,3 +61,41 @@ Overwritten calendar style
 .cal-header .cal-cell {
   border: 0.1px solid lighten($primary-text, 30%);
 }
+
+@media (max-width: 576px) {
+  div.dt-buttons {
+    text-align: start !important;
+  }
+  .dataTables_wrapper .dataTables_filter {
+    text-align: start !important;
+    margin-left: 40px;
+  }
+  div.dt-button-collection {
+    top: 50px !important;
+    margin-left: 50px !important;
+    overflow-y: scroll !important;
+    max-height: 300px !important;
+  }
+}
+
+@media (min-width: 576px) {
+  div.dt-button-collection {
+    position: fixed !important;
+    top: 330px !important;
+    left: 280px !important;
+    button.active:not(.disabled) {
+    background: $primary !important;
+    box-shadow: none !important;
+  }
+  }
+}
+
+/* div.dt-button-collection {
+  position: fixed !important;
+  top: 330px !important;
+  margin-left: 280px !important;
+  overflow-y: scroll !important;
+  max-height: 300px !important;
+}
+ */
+