From ccbb3dca9f712bce1df3f984f55d528de27da02e Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 4 Jun 2025 10:59:27 +0200
Subject: [PATCH] Try some sidebar hover indicator

---
 dashboard/src/Index.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index 3dff60d5d..9de0006bb 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -364,8 +364,10 @@ onMounted(async () => {
   color: var(--pankow-text-color);
   border-radius: 3px;
   padding: 10px 15px;
+  margin-right: 15px;
   white-space: nowrap;
   cursor: pointer;
+  transition: all 180ms ease-out;
 }
 
 .sidebar-item i {
@@ -382,6 +384,8 @@ onMounted(async () => {
 .sidebar-item:hover {
   background-color: #e9ecef;
   text-decoration: none;
+  padding-left: 30px;
+  margin-right: 0;
 }
 
 @media (prefers-color-scheme: dark) {