From ee947b06d1c43110bef25f6e91b5cf629e37e039 Mon Sep 17 00:00:00 2001
From: Kira <104837532+Kirillka8996@users.noreply.github.com>
Date: Sat, 16 May 2026 07:29:38 +0500
Subject: [PATCH] fix: prevent card overflow on screens (#1943)

## Summary

prevent card overflow

## Additional Context

<img width="1920" height="1080" alt="bug"
src="https://github.com/user-attachments/assets/df84e233-908e-4ce1-8289-d0e9b579bc13"
/>
<img width="1920" height="1080" alt="Bug"
src="https://github.com/user-attachments/assets/cfd20f51-6421-4271-9a62-9c1987cc0dd0"
/>
<img width="1920" height="1080" alt="fix"
src="https://github.com/user-attachments/assets/4fbe83fe-5376-4393-bd45-a825f24e19e3"
/>
<img width="1920" height="1080" alt="fix2"
src="https://github.com/user-attachments/assets/4397848e-d8fa-4c51-ab4d-c32b2fcf33d1"
/>


---

### AI Usage

Did you use AI tools to help write this code? _**NO**_
---
 src/network/html/FilesPage.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/network/html/FilesPage.html b/src/network/html/FilesPage.html
index 96014ee9..8c8880ac 100644
--- a/src/network/html/FilesPage.html
+++ b/src/network/html/FilesPage.html
@@ -261,6 +261,7 @@
     }
     .folder-link,
     .file-link {
+      word-break: break-word;
       color: var(--accent-color);
       text-decoration: none;
       cursor: pointer;
@@ -1216,6 +1217,7 @@
         font-size: 14px;
       }
       .card {
+        line-break: anywhere;
         padding: 12px;
         margin: 10px 0;
       }