From b78e0e82ce3f1e4b16b9a443cddd147a64770af5 Mon Sep 17 00:00:00 2001
From: Marcus Jaschen <mjaschen@gmail.com>
Date: Fri, 2 Jun 2023 08:06:55 +0200
Subject: [PATCH] Wrap long URLs in custom layers overlay

---
 css/style.css        | 6 ++++++
 js/control/Layers.js | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 0d03a1c..20ccbcb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -750,6 +750,12 @@ table.dataTable.display tbody tr:hover.selected {
     height: 23px;
 }
 
+.custom_layers_url {
+    word-break: break-all;
+    font-family: monospace;
+    font-size: 0.9rem;
+}
+
 #layers-button-group {
     display: flex;
     justify-content: space-between;
diff --git a/js/control/Layers.js b/js/control/Layers.js
index 8897e48..000c107 100644
--- a/js/control/Layers.js
+++ b/js/control/Layers.js
@@ -44,7 +44,7 @@ BR.Layers = L.Class.extend({
             },
             columns: [
                 { title: i18next.t('sidebar.layers.table.name') },
-                { title: i18next.t('sidebar.layers.table.URL') },
+                { title: i18next.t('sidebar.layers.table.URL'), className: 'custom_layers_url' },
                 { title: i18next.t('sidebar.layers.table.type') },
             ],
         });