style: TT-318 Improve column visibility option

Author: Edgar Guaman

src/styles.scss

@@ -62,40 +62,31 @@ Overwritten calendar style
   border: 0.1px solid lighten($primary-text, 30%);
 }
 
-@media (max-width: 576px) {
+@media (max-width: 640px) {
   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;
+    position: fixed !important;
+    top: 250px !important;
     margin-left: 50px !important;
     overflow-y: scroll !important;
     max-height: 300px !important;
+    button.active:not(.disabled) {
+    background: $primary !important;
+    box-shadow: none !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;
-}
- */
-
+}