From d3096940f668b3aabd6d860d796e1aa917b0c3a1 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 4 Jan 2025 18:35:56 +0200
Subject: [PATCH] fix(mobile): text cropped in about dialog

---
 src/public/app/widgets/dialogs/about.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/dialogs/about.js b/src/public/app/widgets/dialogs/about.js
index f7ddea083..15b011bdf 100644
--- a/src/public/app/widgets/dialogs/about.js
+++ b/src/public/app/widgets/dialogs/about.js
@@ -15,7 +15,7 @@ const TPL = `
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="${t('about.close')}"></button>
             </div>
             <div class="modal-body">
-                <table class="table table-borderless text-nowrap">
+                <table class="table table-borderless">
                     <tr>
                         <th>${t("about.homepage")}</th>
                         <td><a href="https://github.com/TriliumNext/Notes" class="external">https://github.com/TriliumNext/Notes</a></td>
@@ -50,7 +50,14 @@ const TPL = `
             </div>
         </div>
     </div>
-</div>`;
+</div>
+
+<style>
+.about-dialog a {
+    word-break: break-all;
+}
+</style>
+`;
 
 export default class AboutDialog extends BasicWidget {
     doRender() {