Merge pull request #230 from danihodovic/fix-social-table-sizing

fix: Use whitespace-normal for table sizing

Author: adinhodovic

django_wtf/templates/core/social_media_news.html

@@ -22,7 +22,7 @@
                                 <a class="font-bold" href="{{ url }}">{{ page_obj.start_index|add:forloop.counter0 }}</a>
                             </td>
                             <td>
-                                <a href="{{ url }}" target="_blank">
+                                <a href="{{ url }}" target="_blank" class="font-bold whitespace-normal">
                                     {% if news.type == 'Reddit' %}
                                         <i class="fa-brands fa-reddit text-2xl"></i>
                                     {% elif news.type == 'Hacker News' %}

django_wtf/templates/core/trending_repositories.html

@@ -1,7 +1,7 @@
 {% extends "core/base.html" %}
 {% load humanize user_agents wtf_tags %}
 {% block content %}
-    <div class="flex flex-col items-center self-center w-full p-4 lg:w-10/12 lg:p-6">
+    <div class="flex flex-col items-center self-center w-11/12 lg:w-7/12">
         <div class="flex flex-wrap self-start mt-3 mb-10 text-sm gap-2 lg:text-lg">
             <div class="badge badge-lg badge-primary">Trending repositories</div>
             {% if request|is_mobile or request|is_tablet %}
@@ -23,7 +23,7 @@
                 {% endfor %}
             </ul>
         </details>
-        <table class="table w-full mb-5 leading-6">
+        <table class="table mb-5 leading-6">
             <thead>
                 <tr>
                     <th class="hidden xl:block">Rank</th>
@@ -41,7 +41,7 @@
                     <tr class="hover">
                         {% with url=repo.github_url %}
                             <td class="hidden xl:table-cell">
-                                <a class="font-bold" href="{{ url }}" target="_blank">{{ page_obj.start_index|add:forloop.counter0 }}</a>
+                                <a class="font-bold whitespace-normal" href="{{ url }}" target="_blank">{{ page_obj.start_index|add:forloop.counter0 }}</a>
                             </td>
                             <td>
                                 <a href="{{ url }}" target="_blank">
@@ -53,7 +53,7 @@
                                 </a>
                             </td>
                             <td class="hidden xl:table-cell">
-                                <a href="{{ url }}" target="_blank">{{ repo.truncated_description|truncatechars:50 }}</a>
+                                <a href="{{ url }}" target="_blank" class="whitespace-normal">{{ repo.truncated_description|truncatechars:50 }}</a>
                             </td>
                             <td class="text-right">
                                 <a href="{{ url }}" target="_blank">