From 18cd71c602b60ec838b463e4964227966a61cf4c Mon Sep 17 00:00:00 2001
From: Sergey Krashevich <svk@svk.su>
Date: Tue, 3 Feb 2026 13:56:59 +0300
Subject: [PATCH] fix(links): add word wrapping for mobile devices

Add word-break and overflow-wrap CSS properties to prevent long URLs
and stream names from breaking the layout on mobile devices. This fixes
horizontal overflow issues with long text in link items, code blocks,
and stream names.
---
 www/links.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/www/links.html b/www/links.html
index 9c0c0599..e9208da4 100644
--- a/www/links.html
+++ b/www/links.html
@@ -82,6 +82,8 @@
             color: var(--text-secondary);
             font-size: 14px;
             font-family: monospace;
+            word-break: break-all;
+            overflow-wrap: break-word;
         }
 
         .section {
@@ -120,6 +122,9 @@
             border-radius: 6px;
             border: 1px solid var(--border-color);
             transition: all 0.3s;
+            flex-wrap: wrap;
+            word-break: break-word;
+            overflow-wrap: break-word;
         }
 
         .link-item:hover {
@@ -139,6 +144,9 @@
             text-decoration: none;
             font-weight: 500;
             margin-right: 8px;
+            word-break: break-all;
+            overflow-wrap: break-word;
+            max-width: 100%;
         }
 
         .link-item a:hover {
@@ -161,6 +169,8 @@
             color: var(--accent-green);
             overflow-x: auto;
             margin-top: 12px;
+            word-break: break-all;
+            white-space: pre-wrap;
         }
 
         .form-group {