From 1d6a7b03b2943b5ca85c6e46abd203891a7d113b Mon Sep 17 00:00:00 2001
From: ghost <localhost>
Date: Wed, 25 Oct 2023 19:27:43 +0300
Subject: [PATCH] fix long filename out of container width

---
 public/asset/default/css/framework.css   | 12 ++++++++++++
 templates/default/torrent/info.html.twig |  4 +++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/public/asset/default/css/framework.css b/public/asset/default/css/framework.css
index 5a2ef07..0d08a54 100644
--- a/public/asset/default/css/framework.css
+++ b/public/asset/default/css/framework.css
@@ -15,6 +15,18 @@
   float: left;
 }
 
+.word-break {
+  word-break: break-word;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.float-left {
+  float: left;
+}
+
 .float-right {
   float: right;
 }
diff --git a/templates/default/torrent/info.html.twig b/templates/default/torrent/info.html.twig
index f59c5a4..48a0b38 100644
--- a/templates/default/torrent/info.html.twig
+++ b/templates/default/torrent/info.html.twig
@@ -10,7 +10,9 @@
             </div>
         {% else %}
             <div class="padding-y-4-px padding-l-8-px background-color-hover-night-light cursor-default">
-                {{ key }}
+                <span class="word-break">
+                    {{ key }}
+                </span>
                 <div class="float-right padding-x-8-px">
                     {{ value | format_bytes }}
                 </div>