From 790352da34f97f553743f87035270682222b47bd Mon Sep 17 00:00:00 2001
From: Matthieu Evrin <6630779+lekaf974@users.noreply.github.com>
Date: Mon, 1 Sep 2025 17:52:14 -0400
Subject: [PATCH] fix(item): remove line break in Items label in location view
 (#975)

fix: prevent items word wrapped in firefox

Signed-off-by: lekaf974 <matthieu.evrin@gmail.com>
---
 frontend/assets/css/main.css                  | 28 ++++++++++++++++
 frontend/components/Item/View/Selectable.vue  |  2 +-
 .../global/DetailsSection/DetailsSection.vue  | 32 -------------------
 3 files changed, 29 insertions(+), 33 deletions(-)

diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 87b6ac6a..917afa20 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -1046,4 +1046,32 @@
 :root {
   --header-height: 4rem;
   --header-height-mobile: 7rem;
+}
+
+/* Non-scoped styles for regular text */
+.break-all {
+  word-break: break-all;
+  max-width: 100%;
+}
+
+/* Handle very long words */
+pre,
+code,
+a,
+p,
+span,
+div,
+td,
+th,
+li,
+blockquote,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: anywhere;
+  word-break: normal;
+  hyphens: auto;
 }
\ No newline at end of file
diff --git a/frontend/components/Item/View/Selectable.vue b/frontend/components/Item/View/Selectable.vue
index 559c294c..ab056e8c 100644
--- a/frontend/components/Item/View/Selectable.vue
+++ b/frontend/components/Item/View/Selectable.vue
@@ -30,7 +30,7 @@
 <template>
   <section>
     <BaseSectionHeader class="mb-2 mt-4 flex items-center justify-between">
-      <div class="flex gap-2">
+      <div class="flex gap-2 text-nowrap">
         {{ $t("components.item.view.selectable.items") }}
         <Badge>
           {{ items.length }}
diff --git a/frontend/components/global/DetailsSection/DetailsSection.vue b/frontend/components/global/DetailsSection/DetailsSection.vue
index 785cd48c..f3d2a6aa 100644
--- a/frontend/components/global/DetailsSection/DetailsSection.vue
+++ b/frontend/components/global/DetailsSection/DetailsSection.vue
@@ -144,37 +144,5 @@
     }
   }
 
-  /* Non-scoped styles for regular text */
-  .break-all {
-    word-break: break-all;
-    max-width: 100%;
-  }
 
-  /* Handle very long words */
-  pre,
-  code,
-  a,
-  p,
-  span,
-  div,
-  td,
-  th,
-  li,
-  blockquote,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-    -ms-word-break: break-all;
-    word-break: break-all;
-    word-break: break-word;
-    -ms-hyphens: auto;
-    -moz-hyphens: auto;
-    -webkit-hyphens: auto;
-    hyphens: auto;
-  }
 </style>