.bumpversion.toml

@@ -1,5 +1,5 @@
 [tool.bumpversion]
-current_version = "1.4.6"
+current_version = "1.4.5"
 commit = true
 tag = true
 tag_name = "{new_version}"

VERSION

@@ -1 +1 @@
-1.4.6
+1.4.5

templates/config_dashboard.html

@@ -21,17 +21,9 @@
                 </div>
             </div>
         </div>
-        <table class="table table-striped mt-3">
-            <thead>
-                <tr>
-                    <th>DNS Entry</th>
-                    <th style="width: 10%;">Actions</th>
-                </tr>
-            </thead>
-            <tbody id="dns-list-table-body">
+        <ul class="list-group list-group-flush" id="dns-list">
             <!-- DNS entries will be loaded here -->
-            </tbody>
-        </table>
+        </ul>
     </div>
 </div>
 {% endblock %}
@@ -41,7 +33,7 @@
 <script>
     document.addEventListener('DOMContentLoaded', function() {
         // DNS Manager
-        const dnsListTableBody = document.getElementById('dns-list-table-body');
+        const dnsList = document.getElementById('dns-list');
         const addDnsBtn = document.getElementById('add-dns-btn');
         const dnsEntryInput = document.getElementById('dns-entry-input');
 
@@ -49,24 +41,20 @@
             fetch("{{ config.BASE_URL }}/dns")
                 .then(response => response.json())
                 .then(data => {
-                    dnsListTableBody.innerHTML = '';
+                    dnsList.innerHTML = '';
                     if (data.length === 0) {
-                        const row = dnsListTableBody.insertRow();
-                        const cell = row.insertCell();
-                        cell.colSpan = 2;
-                        cell.textContent = 'No DNS entries found.';
-                        cell.classList.add('text-center');
+                        dnsList.innerHTML = '<li class="list-group-item">No DNS entries found.</li>';
                     } else {
                         data.forEach(entry => {
-                            const row = dnsListTableBody.insertRow();
-                            const entryCell = row.insertCell();
-                            entryCell.textContent = entry;
-                            const actionCell = row.insertCell();
+                            const li = document.createElement('li');
+                            li.className = 'list-group-item d-flex justify-content-between align-items-center';
+                            li.textContent = entry;
                             const removeBtn = document.createElement('button');
                             removeBtn.className = 'btn btn-danger btn-sm';
-                            removeBtn.textContent = 'Delete';
+                            removeBtn.textContent = 'Remove';
                             removeBtn.addEventListener('click', () => removeDnsEntry(entry));
-                            actionCell.appendChild(removeBtn);
+                            li.appendChild(removeBtn);
+                            dnsList.appendChild(li);
                         });
                     }
                 });