From 4459706e79e0f390acc4d2254ba1cd2b06de0328 Mon Sep 17 00:00:00 2001
From: Cucumberrbob <128094686+Cucumberrbob@users.noreply.github.com>
Date: Thu, 20 Mar 2025 15:33:08 +0000
Subject: [PATCH] add `word-break: break-all` to torrent name `td`

wraps text rather than making a horizontal scroll bar
---
 client/src/app/torrent-table/torrent-table.component.html | 2 +-
 client/src/app/torrent-table/torrent-table.component.scss | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/app/torrent-table/torrent-table.component.html b/client/src/app/torrent-table/torrent-table.component.html
index 23fe27d..b728bdc 100644
--- a/client/src/app/torrent-table/torrent-table.component.html
+++ b/client/src/app/torrent-table/torrent-table.component.html
@@ -33,7 +33,7 @@
             [checked]="selectedTorrents.contains(torrent.torrentId)"
           />
         </td>
-        <td (click)="openTorrent(torrent.torrentId)">
+        <td (click)="openTorrent(torrent.torrentId)" class="break-all">
           {{ torrent.rdName }}
         </td>
         <td>
diff --git a/client/src/app/torrent-table/torrent-table.component.scss b/client/src/app/torrent-table/torrent-table.component.scss
index eef3175..268ada6 100644
--- a/client/src/app/torrent-table/torrent-table.component.scss
+++ b/client/src/app/torrent-table/torrent-table.component.scss
@@ -1,6 +1,9 @@
 table {
   tr {
     cursor: pointer;
+    td.break-all {
+      word-break: break-all;
+    }
   }
 }