From 284e8986fa0dcfbfb39ab25ab62283fc36edea9e Mon Sep 17 00:00:00 2001
From: Lephe <sebastien.michelland@protonmail.com>
Date: Fri, 5 Mar 2021 13:52:55 +0100
Subject: [PATCH] forum: random improvements to overflows on the forum

* Wrap long usernames
* Prevent images from overflowing to the right
---
 app/static/css/table.css          | 4 ++++
 app/templates/widgets/thread.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/static/css/table.css b/app/static/css/table.css
index b5f9100..5e9245b 100644
--- a/app/static/css/table.css
+++ b/app/static/css/table.css
@@ -81,6 +81,9 @@ table.thread td.author {
 table.thread td {
   vertical-align: top;
 }
+table.thread td.message img {
+  max-width: 100%;
+}
 
 table.thread div.info {
   float: right;
@@ -103,6 +106,7 @@ table.thread div.info {
   table.thread td.author {
     /* Includes padding */
     width: 136px;
+    overflow-wrap: anywhere;
   }
 }
 
diff --git a/app/templates/widgets/thread.html b/app/templates/widgets/thread.html
index 3c692b6..64e1405 100644
--- a/app/templates/widgets/thread.html
+++ b/app/templates/widgets/thread.html
@@ -7,7 +7,7 @@
     <tr id="{{ c.id }}">
     {% if c != top_comment %}
         <td class="author">{{ widget_user.profile(c.author) }}</td>
-        <td>
+        <td class="message">
             <div class="info">
                 <div>Posté le {{ c.date_created|date }}</div>
                 {% if c.date_created != c.date_modified %}