From 3a45fa1de6cbab55a826f32438465844ddc4dd28 Mon Sep 17 00:00:00 2001
From: Igor Propisnov <info@igor-propisnov.com>
Date: Tue, 10 Sep 2024 19:02:39 +0200
Subject: [PATCH] added submenu comapct items back

---
 .../src/app/layout/main-layout/layout.component.html   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/layout/main-layout/layout.component.html b/frontend/src/app/layout/main-layout/layout.component.html
index 06733de..51d7a70 100644
--- a/frontend/src/app/layout/main-layout/layout.component.html
+++ b/frontend/src/app/layout/main-layout/layout.component.html
@@ -251,14 +251,20 @@
                             <a
                               [routerLink]="subItem.route"
                               [class.active]="subItem.active"
-                              class="block py-2 px-2 rounded transition-colors duration-200 ease-in-out hover:bg-base-200 hover:text-primary"
+                              class="block py-2 px-2 rounded transition-colors duration-200 ease-in-out hover:bg-base-200 hover:text-primary flex items-center space-x-2"
                               [ngClass]="{
                                 'bg-base-300': subItem.active,
                                 'text-primary': subItem.active,
                                 'font-semibold': subItem.active
                               }"
                               (click)="onLinkClick()">
-                              {{ subItem.name }}
+                              <!-- Icon für das Subitem -->
+                              <span
+                                *ngIf="subItem.icon"
+                                class="flex-shrink-0 w-5 h-5 mr-2"
+                                [innerHTML]="subItem.icon"></span>
+                              <!-- Text für das Subitem -->
+                              <span>{{ subItem.name }}</span>
                             </a>
                           </li>
                         </ul>