put icons in the center of the column

diff --git a/frontend/js/hosts.js b/frontend/js/hosts.js
index df9096ffe0295ae3206e39625ad0a47bbbb0e2be..d9321ee3090c1afc42508b63c44e6e02d244abea 100644 (file)
--- a/frontend/js/hosts.js
+++ b/frontend/js/hosts.js
@@ -110,17 +110,24 @@ async function loadHosts() {
         const sslEnabled = !!h.ssl_enabled;
         tdSSL.setAttribute("data-value", sslEnabled ? "true" : "false");
         tdSSL.setAttribute("aria-label", sslEnabled ? "SSL attivo" : "SSL non attivo");
+        // center icon
+        tdSSL.style.textAlign = "center";
+        tdSSL.style.verticalAlign = "middle";
         if (sslEnabled) {
-            tdSSL.innerHTML = '<i class="bi bi-shield-lock-fill icon icon-static" aria-hidden="true"></i>';
+            const icon = document.createElement("i");
+            icon.className = "bi bi-shield-lock-fill icon icon-static";
+            icon.setAttribute("aria-hidden", "true");
+            tdSSL.appendChild(icon);
         }
         tr.appendChild(tdSSL);
 
         // Actions
         const tdActions = document.createElement("td");
         tdActions.className = "actions";
-
         const id = Number(h.id);
-
+        // center icons
+        tdActions.style.textAlign = "center";
+        tdActions.style.verticalAlign = "middle";
         tdActions.innerHTML = `
             <span class="action-icon"
                     role="button" tabindex="0"

diff --git a/settings/config.py b/settings/config.py
index 7e7aab3244685df7e65d3c2e1ba58009998c776f..cfbea86d906f8558897308820d22b40f09f05e45 100644 (file)
--- a/settings/config.py
+++ b/settings/config.py
@@ -10,4 +10,4 @@ BASEIMG_VERSION = "0.1"
 # APP
 # ---------------------------------------------------------
 APP_NAME = "network-manager"
-APP_VERSION = "0.0.1"
+APP_VERSION = "0.0.2"