Improves HTML diff table format for long line lengths. (#793)

* Ignores nowrap attribute in diff HTML tables.
* Makes html report table 50/50 split
* Aligns diff text to the top of table cells.

CHANGELOG.md

@@ -21,6 +21,7 @@ The format mostly follows [Keep a Changelog](http://keepachangelog.com/en/1.0.0/
 - Fix line height and dark mode regression (#774 reported by kongomongo, PRs #777 and #778 by trevorshannon)
 - Fix compatibility with lxml >= 5 which caused the CSS Selector filter to fail (#783 reported by jamesquilty, PR #786 by jamstah)
 - Fix pep8 test to ignore files in the site-packages directory for cases where the venv is in the project directory (#788 by jamstah)
+- Fix HTML diff table rendering for long line lengths (#793 by trevorshannon)
 
 ## [2.28] -- 2023-05-03
 

lib/urlwatch/reporters.py

@@ -201,6 +201,7 @@ def _parts(self):
                 td.diff_header, td.diff_next { color: #6e7781; background-color: #f5f5f5; text-align: right; vertical-align: top; }
                 table { font-family: monospace; line-height: 1.5em; }
                 td, th { padding: 0 0.5em; }
+                td[nowrap] { width: 50%; vertical-align: top; white-space: normal; word-break: break-word; }
                 h2 span.verb { color: #888; }
                 @media (prefers-color-scheme: dark) {
                     body { background-color: #121212; color: #fff; }