From 1081326232beba57ba18830ba5addb1b5eb5a268 Mon Sep 17 00:00:00 2001
From: Phil Bastian <phil.bastian@particular.net>
Date: Tue, 6 May 2025 10:02:31 +0800
Subject: [PATCH] fix dropdown menu long items causing horizontal scroll bar

---
 src/Frontend/src/components/audit/ListFilterSelector.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Frontend/src/components/audit/ListFilterSelector.vue b/src/Frontend/src/components/audit/ListFilterSelector.vue
index 0daba0a82..27f8c9675 100644
--- a/src/Frontend/src/components/audit/ListFilterSelector.vue
+++ b/src/Frontend/src/components/audit/ListFilterSelector.vue
@@ -82,18 +82,21 @@ onMounted(() => {
 }
 .item {
   font-size: 0.875rem;
-  margin-left: 1.25rem;
+  padding-left: 1.25rem;
   font-weight: 400;
   color: #262626;
-  word-wrap: break-word;
   text-decoration: none;
   width: 100%;
+  display: flex;
+  overflow-wrap: anywhere;
 }
 .item-container {
   padding: 0.25rem 0;
   display: flex;
   place-items: center;
   cursor: pointer;
+  max-width: 100%;
+  width: max-content;
 }
 
 .item-container:hover {
@@ -111,7 +114,7 @@ onMounted(() => {
 }
 
 .selected {
-  margin-left: 0.375rem;
+  padding-left: 0.375rem;
 }
 
 .dropdown .btn {