From a4da985489d68e9e540ee0194a9cff6666b05714 Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@skiff.com>
Date: Tue, 20 Aug 2024 15:00:40 +0200
Subject: [PATCH] style.css: treat multiple files as a single flex block. Fixes
 weird text wrapping.

---
 stylesheets/style.css        | 5 +++++
 templates/post/fileinfo.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/stylesheets/style.css b/stylesheets/style.css
index 88f5f341..883da6ea 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -152,6 +152,11 @@ form table tr td div label {
   font-size: 10px;
 }
 
+.files.multifile {
+  display: flex;
+  flex-wrap: wrap;
+}
+
 .file {
   float: left;
 }
diff --git a/templates/post/fileinfo.html b/templates/post/fileinfo.html
index c7492b57..dc5b7e12 100644
--- a/templates/post/fileinfo.html
+++ b/templates/post/fileinfo.html
@@ -1,7 +1,7 @@
 	{% if post.embed %}
 		{{ post.embed }}
 	{% else %}
-	<div class="files">
+	<div class="files {% if post.num_files > 1 %} multifile{% endif %}">
 	{% for file in post.files %}
 		<div class="file{% if post.num_files > 1 %} multifile" style="width:{{ file.thumbwidth + 40 }}px"{% else %}"{% endif %}>
 	{% if file.file == 'deleted' %}