From 14cb81270cb43e45b2f6b329cacd1f3b5ee5a6d7 Mon Sep 17 00:00:00 2001
From: Chris Arridge <chris.arridge@opendataservices.coop>
Date: Mon, 20 Jan 2025 14:31:14 +0000
Subject: [PATCH] fix templates: fix table width issue in download errors and
 validation

The URL column in the Download Errors page has some very long URLs and
as a result the table overflows its container.  This fix sets the
column width to a maximum and clips any overflowing content.  This fix
has also been pre-emptively applied to the validation page.
---
 iati_dashboard/templates/download.html   | 4 ++--
 iati_dashboard/templates/validation.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/iati_dashboard/templates/download.html b/iati_dashboard/templates/download.html
index c4d8bebd7..ba2b6efe7 100644
--- a/iati_dashboard/templates/download.html
+++ b/iati_dashboard/templates/download.html
@@ -22,7 +22,7 @@ <h2 class="dashboard-panel-heading__title float-start">List of files that fail t
               <tr>
                 <th>Publisher</th>
                 <th>Registry Dataset</th>
-                <th>URL</th>
+                <th style="max-width: 400px; overflow: clip;">URL</th>
                 <th><a href="https://everything.curl.dev/usingcurl/returns">Error Code</a></th>
               </tr>
             </thead>
@@ -31,7 +31,7 @@ <h2 class="dashboard-panel-heading__title float-start">List of files that fail t
               <tr>
                 <td><a href="{{ url('dash-headlines-publisher-detail', args=[publisher]) }}">{{ publisher }}</a></td>
                 <td><a href="http://iatiregistry.org/dataset/{{ dataset }}">{{ dataset }}</a></td>
-                <td><a href="{{ err_url }}">{{ err_url|url_to_filename }}</a></td>
+                <td style="max-width: 400px; overflow: clip;"><a href="{{ err_url }}">{{ err_url|url_to_filename }}</a></td>
                 <td>{{ code }}</td>
               </tr>
               {% endfor %}
diff --git a/iati_dashboard/templates/validation.html b/iati_dashboard/templates/validation.html
index 638b9e675..ff54213c6 100644
--- a/iati_dashboard/templates/validation.html
+++ b/iati_dashboard/templates/validation.html
@@ -27,7 +27,7 @@ <h4><a href="{{ url('dash-headlines-publisher-detail', args=[publisher]) }}" id=
             <thead>
               <tr>
                 <th scope="col">Dataset</th>
-                <th scope="col">URL</th>
+                <th style="max-width: 300px; overflow: clip;" scope="col">URL</th>
                 <th scope="col">Validator report</th>
               </tr>
             </thead>
@@ -36,7 +36,7 @@ <h4><a href="{{ url('dash-headlines-publisher-detail', args=[publisher]) }}" id=
             {% with dataset_name=dataset %}
               <tr>
                 <td><a href="http://iatiregistry.org/dataset/{{ dataset_name }}">{{ dataset_name }}</a></td>
-                <td>
+                <td style="max-width: 300px; overflow: clip;">
                   {% if publisher in ckan and dataset_name in ckan[publisher] %}
                   <a href="{{ ckan[publisher][dataset_name].resource.url }}">{{ ckan[publisher][dataset_name].resource.url|url_to_filename }}</a>
                   {% endif %}