From 975f145444e5a478524ea2cbbfb9059b93617185 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 18 Mar 2025 00:46:29 +0100
Subject: [PATCH] feat(dashboard): full width for sidebar items

---
 src/components/dashboard/Dashboard.svelte | 34 +++++++++++------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/dashboard/Dashboard.svelte b/src/components/dashboard/Dashboard.svelte
index 3c5aabfb..eab6b529 100644
--- a/src/components/dashboard/Dashboard.svelte
+++ b/src/components/dashboard/Dashboard.svelte
@@ -25,7 +25,7 @@
     <nav class="text-sm font-medium text-gray-600" aria-label="Main Navigation">
       <a
         class:activenav={$router.path === "/"}
-        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
         href="/"
       >
         <svg
@@ -43,7 +43,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:GET")}
         <a
           class:activenav={$router.path === "/runners/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/runners/"
         >
           <svg
@@ -64,7 +64,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("TEAM:GET")}
         <a
           class:activenav={$router.path === "/teams/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/teams/"
         >
           <svg
@@ -85,7 +85,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("ORGANIZATION:GET")}
         <a
           class:activenav={$router.path.includes("/orgs/")}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/orgs/"
         >
           <svg
@@ -106,7 +106,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:GET")}
         <a
           class:activenav={$router.path.includes("/donors/")}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/donors/"
         >
           <svg
@@ -127,7 +127,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:GET")}
         <a
           class:activenav={$router.path.includes("/donations/")}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/donations/"
         >
           <svg
@@ -148,7 +148,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("TRACK:GET")}
         <a
           class:activenav={$router.path === "/tracks/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/tracks/"
         >
           <svg
@@ -169,7 +169,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:GET")}
         <a
           class:activenav={$router.path === "/cards/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/cards/"
         >
           <svg
@@ -192,7 +192,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:GET")}
         <a
           class:activenav={$router.path === "/scans/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/scans/"
         >
           <svg
@@ -214,7 +214,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("CONTACT:GET")}
         <a
           class:activenav={$router.path === "/contacts/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/contacts/"
         >
           <svg
@@ -235,7 +235,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("STATION:GET")}
         <a
           class:activenav={$router.path === "/scanstations/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/scanstations/"
         >
           <svg
@@ -257,7 +257,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:GET")}
         <a
           class:activenav={$router.path === "/statsclients/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/statsclients/"
         >
           <svg
@@ -279,7 +279,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("USER:GET")}
         <a
           class:activenav={$router.path === "/users/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/users/"
         >
           <svg
@@ -300,7 +300,7 @@
       {#if store.state.jwtinfo.userdetails.permissions.includes("USERGROUP:GET")}
         <a
           class:activenav={$router.path === "/groups/"}
-          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+          class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
           href="/groups/"
         >
           <svg
@@ -320,7 +320,7 @@
       {/if}
       <a
         class:activenav={$router.path === "/settings/"}
-        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
         href="/settings/"
       >
         <svg
@@ -339,7 +339,7 @@
       </a>
       <a
         class:activenav={$router.path === "/about/"}
-        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
         href="/about/"
       >
         <svg
@@ -358,7 +358,7 @@
       </a>
       <button
         tabindex="0"
-        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900"
+        class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-200 hover:text-gray-900 w-full"
         on:click={() => {
           AuthService.authControllerLogout();
           logout();