Show full reason when users request membership (#375)

Co-authored-by: Le Bao Hiep <[email protected]>

templates/organization/requests/pending.html

@@ -1,5 +1,24 @@
 {% extends "base.html" %}
 {% block body %}
+    <style>
+        table {
+            width: 100%;
+            table-layout: fixed;
+        }
+
+        .reason{
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+            white-space: nowrap;
+            width: 30%;
+        }
+
+        .reason:hover {
+            overflow: visible;
+            white-space: unset;
+        }
+    </style>
     {% include "messages.html" %}
     {% include "organization/requests/tabs.html" %}
 
@@ -12,7 +31,7 @@
                     <th>{{ _('User') }}</th>
                     <th>{{ _('Time') }}</th>
                     <th>{{ _('State') }}</th>
-                    <th>{{ _('Reason') }}</th>
+                    <th class="reason">{{ _('Reason') }}</th>
                     {% if formset.can_delete %}
                         <th>{{ _('Delete?') }}</th>
                     {% endif %}
@@ -24,7 +43,7 @@
                             {{ form.instance.time|date(_("N j, Y, H:i")) }}
                         </a></td>
                         <td>{{ form.state }}</td>
-                        <td>{{ form.instance.reason|truncatechars(50) }}</td>
+                        <td class="reason">{{ form.instance.reason }}</td>
                         {% if formset.can_delete %}
                             <td>{{ form.DELETE }}</td>
                         {% endif %}