Fix table widths

source/_partials/talks-table.html.twig

@@ -2,23 +2,23 @@
     <table class="table">
         <thead>
             <tr>
-                <th class="w-1/4">Date</th>
+                <th class="w-40 md:w-48 block">Date</th>
 
                 {% if not talk_page %}
-                    <th class="w-1/3">Talk</th>
+                    <th>Talk</th>
                 {% endif %}
 
                 <th>Event</th>
 
                 {% if not upcoming %}
-                    <th>Feedback</th>
+                    <th class="w-32">Feedback</th>
                 {% endif %}
             </tr>
         </thead>
         <tbody>
             {% for talk in talks %}
                 <tr>
-                    <td>
+                    <td class="w-40 md:w-48 whitespace-no-wrap xl:whitespace-normal">
                         {{ talk.event.date|date(talk.event.fuzzy_date ? 'F Y' : 'j F Y') }}
 
                         {% if talk.event.time is defined %}
@@ -29,7 +29,7 @@
                     </td>
 
                     {% if not talk_page %}
-                        <td>
+                        <td class="whitespace-no-wrap xl:whitespace-normal">
                             {% if talk.talk.url is not empty %}
                                 <a href="{{ talk.talk.url }}" class="link">
                                     {{ talk.talk.title }}

source/talks.html.twig

@@ -8,7 +8,7 @@ use: [talks]
 {% block content %}
     <p>I regularly speak at conferences and user groups about a range of subjects including Drupal, Sculpin and Git. If you would like to me to speak at your group or conference, please <a href="/contact" class="link">get in touch</a>.</p>
 
-    <div>
+    <div class="mb-6">
         <h2>Upcoming Talks</h2>
 
         {% set upcoming_talks = getUpcomingTalks(data.talks|merge(site.talks), site.events) %}

tailwind.js

@@ -143,6 +143,7 @@ module.exports = {
     '16': '4rem',
     '24': '6rem',
     '32': '8rem',
+    '40': '10rem',
     '48': '12rem',
     '64': '16rem',
     '1/2': '50%',