From 3c4aaf88e13e31ed61bf46592e70fa6e540aecc3 Mon Sep 17 00:00:00 2001
From: Heribert Hirth <hirth.heribert@audi.de>
Date: Mon, 5 Aug 2024 17:36:53 +0200
Subject: [PATCH] Some CSS enhancements for the sidebar

---
 .../new/sidenav/sidenav.component.css         | 21 +++++++++++++++++--
 springwolf-ui/src/main.css                    |  8 +++++++
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/springwolf-ui/src/app/components/new/sidenav/sidenav.component.css b/springwolf-ui/src/app/components/new/sidenav/sidenav.component.css
index 4813a03c5..405291f0f 100644
--- a/springwolf-ui/src/app/components/new/sidenav/sidenav.component.css
+++ b/springwolf-ui/src/app/components/new/sidenav/sidenav.component.css
@@ -22,13 +22,30 @@ a {
   justify-content: space-between;
 }
 
+.sidenav .entry > span > a {
+  white-space: nowrap;
+}
+
+.sidenav {
+  width: auto;
+  box-sizing: border-box;
+  padding-right: 20px;
+  display: grid;
+  overflow-x: clip;
+}
+
+.sidenav > div {
+  box-sizing: border-box;
+  overflow: visible !important;
+}
+
 .sidenav .badge {
   text-transform: uppercase;
   font-size: smaller;
 
   border-radius: 0.3em;
-  padding: 0 0.1em;
-  margin: 0 0 auto 0;
+  padding: 0 0.2em;
+  margin: 0.2em 0.3em 0.3em 0.2em;
 }
 .sidenav .badge.send-badge {
   color: var(--springwolf-badge-color-send);
diff --git a/springwolf-ui/src/main.css b/springwolf-ui/src/main.css
index a0742e304..37454c502 100644
--- a/springwolf-ui/src/main.css
+++ b/springwolf-ui/src/main.css
@@ -227,6 +227,14 @@ a {
   }
 }
 
+.mat-drawer-inner-container {
+  overflow: visible !important;
+}
+
+.mat-icon {
+  vertical-align: middle;
+}
+
 html {
   --springwolf-badge-color-send: black;
   --springwolf-badge-color-background-send: #ffd580;