From 20a6ffcb0485a17267bae3ef8a0a7010a54cc327 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Sun, 26 Jul 2026 22:27:57 +0200
Subject: [PATCH] break long text in info modal

---
 public/s/css/f0ckm.css         | 9 +++++++++
 views/item-partial-legacy.html | 2 +-
 views/item-partial-modern.html | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index e1c5e40..7669e5c 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -16134,12 +16134,21 @@ body.scroller-active #gchat-reopen-bubble {
   color: #ccc;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   font-size: 0.9em;
+  word-break: break-word;
+  overflow-wrap: anywhere;
 }
 
 .info-table td a {
   color: var(--accent, #9f0);
   text-decoration: none;
   font-weight: 600;
+  word-break: break-all;
+  overflow-wrap: anywhere;
+}
+
+#info-modal .modal-content .info-table td a {
+  word-break: break-all;
+  overflow-wrap: anywhere;
 }
 
 .info-table td a:hover {
diff --git a/views/item-partial-legacy.html b/views/item-partial-legacy.html
index 0494c68..8e94837 100644
--- a/views/item-partial-legacy.html
+++ b/views/item-partial-legacy.html
@@ -296,7 +296,7 @@
                 @if(item.src.short)
                 <tr>
                     <th>{{ t('info_modal.source') || 'Source' }}</th>
-                    <td><a href="{{ item.src.long }}" target="_blank">{{ item.src.short }}</a></td>
+                    <td><a href="{{ item.src.long }}" target="_blank" style="word-break: break-all;">{{ item.src.short }}</a></td>
                 </tr>
                 @endif
             </table>
diff --git a/views/item-partial-modern.html b/views/item-partial-modern.html
index 096a92b..ddd032a 100644
--- a/views/item-partial-modern.html
+++ b/views/item-partial-modern.html
@@ -238,7 +238,7 @@
                 @if(item.src.short)
                 <tr>
                     <th>{{ t('info_modal.source') || 'Source' }}</th>
-                    <td><a href="{{ item.src.long }}" target="_blank">{{ item.src.short }}</a></td>
+                    <td><a href="{{ item.src.long }}" target="_blank" style="word-break: break-all;">{{ item.src.short }}</a></td>
                 </tr>
                 @endif
             </table>