From 76358c650fcf6d7bb83f452c21383c8ef058de27 Mon Sep 17 00:00:00 2001
From: bernardhanna <bernard@matrixinternet.ie>
Date: Mon, 28 Sep 2026 11:16:53 +0100
Subject: [PATCH] Keep long grassroots grant PDF filenames inside their gallery
 tiles.

Underscored filenames were overflowing adjacent evidence images on the grants page.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 resources/views/static/grassroots-grants.blade.php | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/resources/views/static/grassroots-grants.blade.php b/resources/views/static/grassroots-grants.blade.php
index c5879d79a..6b1961ab5 100644
--- a/resources/views/static/grassroots-grants.blade.php
+++ b/resources/views/static/grassroots-grants.blade.php
@@ -48,12 +48,22 @@
         margin-top: 1.5rem;
     }
 
+    .grants-gallery > * {
+        min-width: 0;
+    }
+
     .grants-gallery img {
         width: 100%;
         height: 160px;
         object-fit: cover;
         border-radius: 12px;
     }
+
+    .grants-gallery a {
+        overflow-wrap: anywhere;
+        word-break: break-word;
+        hyphens: auto;
+    }
 </style>
 
 @section('content')
@@ -214,8 +224,8 @@ class="absolute top-0 right-0 w-full md:w-[60vw] h-[50%] md:h-full object-cover
                                                         <div class="grants-gallery">
                                                             @foreach($project->images as $image)
                                                                 @if($image->isPdf())
-                                                                    <a href="{{ $image->resolvedUrl() }}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-4 bg-[#E8EDF6] rounded-xl text-dark-blue font-semibold text-sm text-center min-h-[160px]">
-                                                                        PDF: {{ basename($image->url) }}
+                                                                    <a href="{{ $image->resolvedUrl() }}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-4 bg-[#E8EDF6] rounded-xl text-dark-blue font-semibold text-sm text-center min-h-[160px] min-w-0">
+                                                                        PDF: {{ basename(rawurldecode($image->url)) }}
                                                                     </a>
                                                                 @else
                                                                     <img src="{{ $image->resolvedUrl() }}" alt="{{ $image->alt ?: $project->title }}" loading="lazy" />