From 5c9c9f0a6156342a1262a0db12071bf548dd6ef1 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Mon, 4 Mar 2024 01:05:07 +0100
Subject: [PATCH] [Nav UI] Better alignment of items on the expanded menu.

---
 .../backend/http/webapp/src/components/Nav.vue    | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/Nav.vue b/platypush/backend/http/webapp/src/components/Nav.vue
index ec615a35..fec4750e 100644
--- a/platypush/backend/http/webapp/src/components/Nav.vue
+++ b/platypush/backend/http/webapp/src/components/Nav.vue
@@ -230,10 +230,11 @@ nav {
     list-style: none;
 
     a {
-      display: block;
+      display: flex;
       color: $nav-fg;
       padding: 1em 0.5em;
       text-decoration: none;
+      align-items: center;
 
       &:hover {
         color: $nav-fg;
@@ -334,7 +335,11 @@ nav {
 
         & img, i {
           width: 1.5em;
-          height: 1.5em;
+          height: 1em;
+        }
+
+        i {
+          padding-left: 0.25em;
         }
       }
     }
@@ -366,6 +371,12 @@ nav {
       height: auto;
     }
 
+    li {
+      a {
+        display: block;
+      }
+    }
+
     a {
       color: $nav-collapsed-fg;
       padding: 0.25em 0;