From 147a9aadb08d9b17705ec40af64e66f158a40c46 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Mon, 26 Aug 2024 11:55:03 -0500
Subject: [PATCH] Implement DataTables.

---
 scss/essence.scss             |  1 +
 scss/vendors/_datatables.scss | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 scss/vendors/_datatables.scss

diff --git a/scss/essence.scss b/scss/essence.scss
index 5c99870..04a2a43 100644
--- a/scss/essence.scss
+++ b/scss/essence.scss
@@ -25,6 +25,7 @@
 // Vendors
 @import 'vendors/prismjs';
 @import 'vendors/dropzone';
+@import 'vendors/datatables';
 
 // Introduced styles
 @import 'styles';
diff --git a/scss/vendors/_datatables.scss b/scss/vendors/_datatables.scss
new file mode 100644
index 0000000..4874729
--- /dev/null
+++ b/scss/vendors/_datatables.scss
@@ -0,0 +1,23 @@
+@include media-breakpoint-down(md) {
+  .dt-length {
+    float: left;
+
+    label {
+      display: none;
+    }
+  }
+
+  .dt-search {
+    float: left;
+    width: 100%;
+
+    label {
+      display: none;
+    }
+
+    input {
+      margin-left: 0 !important;
+      width: 100% !important;
+    }
+  }
+}
\ No newline at end of file