From 57b0ea3fccc28fc410c4ca2576b41a88a4e076f9 Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Tue, 22 Oct 2024 00:56:28 +0200
Subject: [PATCH] Ensure word wrap in search results

---
 resources/js/components/GlobalSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/GlobalSearch.vue b/resources/js/components/GlobalSearch.vue
index f7e628f6dd..a555815d08 100644
--- a/resources/js/components/GlobalSearch.vue
+++ b/resources/js/components/GlobalSearch.vue
@@ -25,7 +25,7 @@
 
         <div v-show="focused && (hasResults || hasFavorites)" class="global-search-results">
 
-            <div v-if="hasResults" v-for="(result, index) in results" class="global-search-result-item p-2 flex items-center" :class="{ 'active': current == index }" @click="hit" @mousemove="setActive(index)">
+            <div v-if="hasResults" v-for="(result, index) in results" class="global-search-result-item break-overflowing-words p-2 flex items-start" :class="{ 'active': current == index }" @click="hit" @mousemove="setActive(index)">
                 <svg-icon :name="`light/${getResultIcon(result)}`" class="icon"></svg-icon>
                 <div class="flex-1 rtl:mr-2 ltr:ml-2 title" v-html="result.title"></div>
                 <span class="global-search-result-badge" v-text="result.badge" />