From 7a3fab147155a28b95603468f76084dd5d8d9ba5 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 15 Jun 2018 12:17:45 +0100
Subject: [PATCH] Fix table widths

---
 source/_partials/talks-table.html.twig | 10 +++++-----
 source/talks.html.twig                 |  2 +-
 tailwind.js                            |  1 +
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/source/_partials/talks-table.html.twig b/source/_partials/talks-table.html.twig
index e146dfa45..9b5186156 100644
--- a/source/_partials/talks-table.html.twig
+++ b/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 }}
diff --git a/source/talks.html.twig b/source/talks.html.twig
index e05454b24..cc3c90175 100644
--- a/source/talks.html.twig
+++ b/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) %}
diff --git a/tailwind.js b/tailwind.js
index 08f2e9a65..6e6944ee9 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -143,6 +143,7 @@ module.exports = {
     '16': '4rem',
     '24': '6rem',
     '32': '8rem',
+    '40': '10rem',
     '48': '12rem',
     '64': '16rem',
     '1/2': '50%',