From c11a060706138e78ff6117274a65d0d45a7e0f55 Mon Sep 17 00:00:00 2001
From: Giorgio Ravera <giorgio.ravera@gmail.com>
Date: Mon, 26 Jan 2026 22:53:40 +0100
Subject: [PATCH] put icons in the center of the column

---
 frontend/js/hosts.js | 13 ++++++++++---
 settings/config.py   |  2 +-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/js/hosts.js b/frontend/js/hosts.js
index df9096f..d9321ee 100644
--- 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 7e7aab3..cfbea86 100644
--- 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"
-- 
2.47.3