From 59a770e0d7a313abd298082690fa84d5bf82e41f Mon Sep 17 00:00:00 2001
From: Wouter Samaey <wouter.samaey@storefront.be>
Date: Sun, 4 Aug 2019 11:29:03 +0200
Subject: [PATCH] Prevent layout from breaking on hyperlinks with very long
 URLs as the visible text

---
 BTCPayServer/Views/Invoice/Invoice.cshtml | 2 +-
 BTCPayServer/wwwroot/main/css/site.css    | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/BTCPayServer/Views/Invoice/Invoice.cshtml b/BTCPayServer/Views/Invoice/Invoice.cshtml
index c64c540a2..392dd5bfa 100644
--- a/BTCPayServer/Views/Invoice/Invoice.cshtml
+++ b/BTCPayServer/Views/Invoice/Invoice.cshtml
@@ -15,7 +15,7 @@
         width: 140px;
     }
 </style>
-<section>
+<section class="invoice-details">
     <div class="container">
         @if (!string.IsNullOrEmpty(Model.StatusMessage))
         {
diff --git a/BTCPayServer/wwwroot/main/css/site.css b/BTCPayServer/wwwroot/main/css/site.css
index 623edccca..bbbf59d9c 100644
--- a/BTCPayServer/wwwroot/main/css/site.css
+++ b/BTCPayServer/wwwroot/main/css/site.css
@@ -114,3 +114,8 @@ a.nav-link {
         max-width: 600px;
     }
 }
+
+.invoice-details a{
+    /* Prevent layout from breaking on hyperlinks with very long URLs as the visible text */
+    word-break: break-word;
+}
\ No newline at end of file