Fix long lines in moderation action description

Lines containing a long URL, for instance, would cause the text to overflow its content box.
lobsters · Dec 22, 2023 · e55ca71 · e55ca71
1 parent 163b20e
commit e55ca71
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/assets/stylesheets/application.css.erb b/app/assets/stylesheets/application.css.erb
@@ -1304,6 +1304,9 @@ table.data tr.nobottom td {
 	border-bottom: 0px;
 	padding-bottom: 0px;
 }
+table.data tr.nobottom td.wrap {
+	overflow-wrap: anywhere;
+}
 table.data.tall td {
 	vertical-align: top;
 }

diff --git a/app/views/moderations/_table.html.erb b/app/views/moderations/_table.html.erb
@@ -39,7 +39,7 @@
   </tr>
   <tr class="<%= mod.reason.present?? "nobottom" : "" %>">
     <td colspan=2></td>
-    <td>Action: <em><%= mod.action %></em></td>
+    <td class="wrap">Action: <em><%= mod.action %></em></td>
   </tr>
   <% if mod.reason.present? %>
     <tr>