Update responsive table css to include min-width

On small screens (e.g. mobile) the Patch column especially became really
narrow.

Author: JelteF

media/commitfest/css/commitfest.css

@@ -227,9 +227,14 @@ a:hover .badge {
 .table td.wrap-text {
     overflow-wrap: break-word;
     word-break: break-word;
+    min-width: 100px;
     max-width: 300px;
 }
 
+.table td.patch-column {
+    min-width: 150px;
+}
+
 /* Make the tags selectize dropdown taller with bottom padding for overlay */
 #id_tags + .selectize-control .selectize-dropdown-content,
 #id_tag + .selectize-control .selectize-dropdown-content {

pgcommitfest/commitfest/templates/commitfest.html

@@ -53,7 +53,7 @@ <h3>{{p.is_open|yesno:"Active patches,Closed patches"}}</h3>
   {%endifchanged%}
 
   <tr>
-   <td class="wrap-text"><a href="/patch/{{p.id}}/">{{p.name}}</a></td>
+   <td class="wrap-text patch-column"><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;">

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 class="wrap-text"><a href="/patch/{{p.id}}/">{{p.name}}</a></td>
+    <td class="wrap-text patch-column"><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>