Make the table more responsive by breaking on other characters too

Author: JelteF

media/commitfest/css/commitfest.css

@@ -222,3 +222,10 @@ a:hover .badge {
         width: 300px;
     }
 }
+
+/* Allow long text to wrap in table cells */
+.table td.wrap-text {
+    overflow-wrap: break-word;
+    word-break: break-word;
+    max-width: 300px;
+}

pgcommitfest/commitfest/templates/commitfest.html

@@ -53,7 +53,7 @@ <h3>{{p.is_open|yesno:"Active patches,Closed patches"}}</h3>
   {%endifchanged%}
 
   <tr>
-   <td><a href="/patch/{{p.id}}/">{{p.name}}</a></td>
+   <td class="wrap-text"><a href="/patch/{{p.id}}/">{{p.name}}</a></td>
    <td>{{p.id}}</td>
    <td><span class="badge bg-{{p.status|patchstatuslabel}}">{{p.status|patchstatusstring}}</span></td>
    <td style="width: min-content;">
@@ -97,9 +97,9 @@ <h3>{{p.is_open|yesno:"Active patches,Closed patches"}}</h3>
       {%endif%}
      </td>
     {%endwith%}
-    <td>{{p.author_names|default:''}}</td>
-    <td>{{p.reviewer_names|default:''}}</td>
-    <td>{{p.committer|default:''}}</td>
+    <td class="wrap-text">{{p.author_names|default:''}}</td>
+    <td class="wrap-text">{{p.reviewer_names|default:''}}</td>
+    <td class="wrap-text">{{p.committer|default:''}}</td>
     <td>{{p.num_cfs}}</td>
     <td style="white-space: nowrap;" title="{{p.lastmail}}">{%if p.lastmail and userprofile.show_relative_timestamps %}{% cfwhen p.lastmail %}{%elif p.lastmail %}{{p.lastmail|date:"Y-m-d"}}<br/>{{p.lastmail|date:"H:i"}}{%endif%}</td>
     {%if user.is_staff%}

pgcommitfest/commitfest/templates/home.html

@@ -156,7 +156,7 @@ <h3>{%if user.is_authenticated%}Open patches you are subscribed to{%elif p.is_op
     {%endifchanged%}
    {%endif%}
    <tr>
-    <td><a href="/patch/{{p.id}}/">{{p.name}}</a></td>
+    <td class="wrap-text"><a href="/patch/{{p.id}}/">{{p.name}}</a></td>
     <td>{{p.id}}</td>
     {%if user.is_authenticated %}
      <td><a href="/{{p.cf_id}}/"><span class="badge bg-{{p.cf_status|commitfeststatuslabel}}" title="{{p.cf_status|commitfeststatusstring}}">{{p.cf_name}}</span></a></td>
@@ -203,9 +203,9 @@ <h3>{%if user.is_authenticated%}Open patches you are subscribed to{%elif p.is_op
        {%endif%}
       </td>
      {%endwith%}
-     <td>{{p.author_names|default:''}}</td>
-     <td>{{p.reviewer_names|default:''}}</td>
-     <td>{{p.committer|default:''}}</td>
+     <td class="wrap-text">{{p.author_names|default:''}}</td>
+     <td class="wrap-text">{{p.reviewer_names|default:''}}</td>
+     <td class="wrap-text">{{p.committer|default:''}}</td>
      <td>{{p.num_cfs}}</td>
      <td style="white-space: nowrap;" title="{{p.lastmail}}">{%if p.lastmail and userprofile.show_relative_timestamps %}{% cfwhen p.lastmail %}{%elif p.lastmail %}{{p.lastmail|date:"Y-m-d"}}<br/>{{p.lastmail|date:"H:i"}}{%endif%}</td>
     </tr>