fix long filename out of container width

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;
 }

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>