Latest Updated Changes

Author: Your Name

CHANGELOG.md

@@ -118,4 +118,4 @@ For each PR made, an entry should be added to this changelog. It should contain
   changelog-update-Issue-1001
   - Description: Formatting the buttons - 'Show 100','CSV' and 'Customize Columns' to be on a single line for an optimal use of space.
   - Changes:
-    - Updated delta_url_list.css with necessary modifications
+    - Updated delta_url_list.css and delta_url_list.js files with necessary modifications

sde_indexing_helper/static/css/delta_url_list.css

@@ -253,6 +253,18 @@
     font-weight: 500;
 }
 
+.custom-select,
+.buttons-csv,
+.customizeColumns,
+.addPattern {
+    border-style: solid !important;
+    border-color: #A7BACD !important;
+    border-width: 1px !important;
+    color: #A7BACD !important;
+    border-radius: 5px !important;
+    padding: 11px 15px;
+}
+
 .addPattern {
     background-color: #0066CA !important;
     border-color: #0066CA !important;
@@ -435,62 +447,30 @@ div.dt-container div.dt-paging ul.pagination {
     min-width: 100%;
 }
 
-.dt-container {
+#delta_urls_table_wrapper .col-md {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    grid-auto-flow: row;
     position: relative;
-}
 
-.dt-container div.dt-buttons {
-    display: flex !important;
-    gap: 10px !important;
-    align-items: center !important;
-    justify-content: flex-end;
-    position: absolute;
-    right: 0;
-    top: 0;
+    .dt-info {
+        position:absolute;
+        left: 130px;
+        top: 5px;
+    }
 }
 
-.custom-select,
-.buttons-csv,
-.customizeColumns,
-.addPattern {
-    border-style: solid !important;
-    border-color: #A7BACD !important;
-    border-width: 1px !important;
-    color: #A7BACD !important;
-    border-radius: 5px !important;
-    padding: 11px 15px !important;
-    margin: 0 !important;
-    height: 43px !important;
-    display: flex !important;
-    align-items: center !important;
-}
-
-#exclude_patterns_table_wrapper,
-#include_patterns_table_wrapper,
-#document_type_patterns_table_wrapper,
-#title_patterns_table_wrapper {
-    margin-top: 15px !important;
-}
-
-#exclude_patterns_table_wrapper table,
-#include_patterns_table_wrapper table,
-#document_type_patterns_table_wrapper table,
-#title_patterns_table_wrapper table {
-    margin-top: 15px !important;
-}
-
-#exclude_patterns_table_wrapper .addPattern,
-#include_patterns_table_wrapper .addPattern,
-#document_type_patterns_table_wrapper .addPattern,
-#title_patterns_table_wrapper .addPattern,
-#exclude_patterns_table_wrapper .customizeColumns,
-#include_patterns_table_wrapper .customizeColumns,
-#document_type_patterns_table_wrapper .customizeColumns,
-#title_patterns_table_wrapper .customizeColumns {
-    margin-top: -10px !important;
-}
+#curated_urls_table_wrapper .col-md {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    grid-auto-flow: row;
+    position: relative;
 
-#delta_urls_table_wrapper .dt-buttons,
-#curated_urls_table_wrapper .dt-buttons {
-    gap: 3px !important;
+    .dt-info {
+        position:absolute;
+        left: 130px;
+        top: 5px;
+    }
 }

sde_indexing_helper/static/js/delta_url_list.js

@@ -114,14 +114,15 @@ function initializeDataTable() {
     layout: {
       bottomEnd: "inputPaging",
       topEnd: null,
-      topStart: {
-        info: true,
+      topStart: null,
+      top: {
         pageLength: {
           menu: [
             [25, 50, 100, 500],
             ["Show 25", "Show 50", "Show 100", "Show 500"],
           ],
         },
+        info:true,
         buttons: [
           {
             extend: "csv",
@@ -332,14 +333,15 @@ function initializeDataTable() {
     layout: {
       bottomEnd: "inputPaging",
       topEnd: null,
-      topStart: {
-        info: true,
+      topStart: null,
+      top: {
         pageLength: {
           menu: [
             [25, 50, 100, 500],
             ["Show 25", "Show 50", "Show 100", "Show 500"],
           ],
         },
+        info:true,
         buttons: [
           {
             extend: "csv",