From a3ac37359759d860e7c4da71fc4a510775c2af17 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 7 Nov 2022 15:14:40 -0300
Subject: add word break for long payto

---
 packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx | 4 +++-
 packages/taler-wallet-webextension/src/wallet/Transaction.tsx    | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'packages/taler-wallet-webextension')

diff --git a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx
index 38590f715..a259f7c9a 100644
--- a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx
@@ -74,7 +74,9 @@ export function ReserveCreated({
                   </b>
                 </pre>
               </td>
-              <td width="100%">{stringifyPaytoUri(paytoURI)}</td>
+              <td width="100%" style={{ wordBreak: "break-all" }}>
+                {stringifyPaytoUri(paytoURI)}
+              </td>
               <td>
                 <CopyButton getContent={() => stringifyPaytoUri(paytoURI)} />
               </td>
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index 29d1bdd45..746d127cf 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -311,7 +311,7 @@ export function TransactionView({
                       </b>
                     </pre>
                   </td>
-                  <td width="100%">
+                  <td width="100%" style={{ wordBreak: "break-all" }}>
                     {transaction.withdrawalDetails.exchangePaytoUris[0]}
                   </td>
                   <td>
-- 
cgit v1.2.3