Update to latest js components

root/usr/share/smanager/themes/default/public/css/letsencrypt.css

@@ -0,0 +1,90 @@
+/*
+Generated by SM2Gen version: SM2Gen version:0.8 Chameleon version:4.5.4 On Python:3.12.3 at 2024-12-01 15:22:43
+*/
+.Letsencrypt-panel {}
+.name {}
+.rout {}
+.grou {}
+.link2 {}
+.link3 {}
+.link4 {}
+.endg {}
+.subh2 {}
+.read4 {}
+.read5 {}
+.read6 {}
+.subh3 {}
+.read1 {}
+.read2 {}
+.read3 {}
+.subh4 {}
+.tabl1 {}
+thead .tabl1 {}
+tbody .tabl1 {}
+.name {}
+.rout {}
+.subh {}
+.para1 {}
+.sele1 {}
+.sele2 {}
+.sele3 {}
+.sele4 {}
+.sele5 {}
+.sele6 {}
+.sele7 {}
+.emai8 {}
+.subm9 {}
+.name {}
+.rout {}
+.head {}
+.subh {}
+.text1 {}
+.back2 {}
+.name {}
+.rout {}
+.head {}
+.subh {}
+.text1 {}
+.back2 {}
+.name {}
+.rout {}
+.head {}
+.subh {}
+.read1 {}
+.text2 {}
+.back3 {}
+ .inline-buttons {
+    display: flex; /* Use flexbox to arrange items horizontally */
+    gap: 10px;     /* Optional: Add space between buttons */
+  }
+
+  .inline-buttons .link {
+    /* Additional styling can be added here if needed */
+  }
+  
+  
+  .inline-buttons .link {
+    display: inline-block; /* Keep links as inline-block for button shape */
+    padding: 7px 14px;     /* Adjusted padding to approximate 70% of the original */
+    margin: 0;             /* Remove margin */
+    background-color: #efefef; /* Light gray background color */
+    color: black;          /* Text color */
+    text-decoration: none; /* Remove underline */
+    border: 2px solid #bbb; /* Thin, light gray border */
+    border-radius: 3px;    /* Slightly rounded corners */
+    font-size: 11.2px;     /* Adjusted font size to approximate 70% of the original */
+    text-align: center;    /* Center the text */
+    cursor: pointer;       /* Pointer cursor on hover */  }
+
+  /* Hover and active effects for better interaction */
+  .inline-buttons .link:hover {
+    background-color: #d9d9d9; /* Darker shade on hover */
+  }
+
+  .inline-buttons .link:active {
+    background-color: #c0c0c0; /* Even darker shade on click */
+  }
+  
+  span .label {
+	padding-top:13em;
+  }

root/usr/share/smanager/themes/default/public/css/sme-jquery-overrides.css

@@ -10,29 +10,20 @@
 	height: 23px;
 }
 
-.dataTables_wrapper .dataTables_filter {
-    float: right;
-    text-align: right;
-    margin-bottom:10px;
-}
-
-.dataTables_wrapper .dataTables_length {
-    float: left;
-    margin-right:2%;
-    margin-bottom:10px;
-}
-
-.dataTables_wrapper .dataTables_paginate {
-    float: right;
-}
-.dataTables_wrapper .dataTables_info {
-    clear: both;
-}
-
-/* If the buttons extension is enabled */
 .dataTables_wrapper .dt-buttons {
-    float: left;
-    margin-right: 10px; /* Or any desired space between buttons and search */
-    margin-bottom:10px;
+  float: left;
+}
+.dataTables_wrapper .dataTables_filter {
+  float: right;
+}
+.dataTables_wrapper .dataTables_length {
+  float: left;
+}
+.dataTables_wrapper .dataTables_paginate {
+  float: right;
 }
 
+div.dt-container {
+	width: 90%;
+	margin-left: 0;
+}

root/usr/share/smanager/themes/default/public/js/sme-dataTable-setup.js

@@ -11,10 +11,15 @@ $(window).on('pageshow', function(){
 			"processing":'" style="color: rgba(42, 43, 43, 1)">Loading... ',
 			"error": function (xhr, error, thrown) {alert("Error occurred while loading data. Please try again.");}
 		},
-		"dom": '<"top"lBf<"clear">>rt<"bottom"ip<"clear">>',
 		"buttons": ['copy', 'csv', 'excel', 'pdf', 'print'],
 		"headerCallback": function( thead, data, start, end, display ) {
 			setup_table_row_buttons();
+		},
+		"layout": {
+			"topStart": 'buttons',
+			"topEnd": 'search',
+			"bottomStart": 'pageLength',
+			"bottomEnd": 'paging'
 		}
 	});
 	
@@ -26,4 +31,4 @@ $(window).on('pageshow', function(){
 	$(".sme-lock-button").button({"icon": "ui-icon-key"});
 	$(".sme-email-button").button({"icon": "ui-icon-mail-closed"});
 	
- }
+ }