From bb7a95f928791e0a8819758aff5205b682eaf901 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 18 Jun 2017 19:54:05 +0100
Subject: [PATCH] Fix layout on talks archive

---
 assets/sass/base/_layout.sass     |  4 ++++
 source/_partials/talks-table.twig | 26 ++++++++++++++++----------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/assets/sass/base/_layout.sass b/assets/sass/base/_layout.sass
index 9c8a2fa5..f3d13e38 100644
--- a/assets/sass/base/_layout.sass
+++ b/assets/sass/base/_layout.sass
@@ -9,3 +9,7 @@
 
 .flex
     flex: 1
+
+@each $value in 'block' 'inline' 'inline-block'
+    .display-#{$value}
+        display: #{$value}
diff --git a/source/_partials/talks-table.twig b/source/_partials/talks-table.twig
index aedd9d3a..6dc3749d 100644
--- a/source/_partials/talks-table.twig
+++ b/source/_partials/talks-table.twig
@@ -12,7 +12,9 @@
             {% for event in events %}
                 <tr>
                     <td class="column-date">
-                        {{ event.date|date('j F Y') }}
+                        <div class="event-date display-block">
+                            {{ event.date|date('j F Y') }}
+                        </div>
 
                         {% if event.time %}
                             <small class="talk-type">
@@ -23,13 +25,15 @@
 
                     {% if not hide_talk %}
                         <td>
-                            {% if not event.talk.hide_page %}
-                                <a href="{{ event.talk.url }}">
+                            <div class="display-block">
+                                {% if not event.talk.hide_page %}
+                                    <a href="{{ event.talk.url }}">
+                                        {{ event.talk.title }}
+                                    </a>
+                                {% else %}
                                     {{ event.talk.title }}
-                                </a>
-                            {% else %}
-                                {{ event.talk.title }}
-                            {% endif %}
+                                {% endif %}
+                            </div>
 
                             {% if event.talk.type %}
                                 <small class="talk-type">
@@ -40,9 +44,11 @@
                     {% endif %}
 
                     <td class="column-event">
-                        {% if event.url %}<a href="{{ event.url }}">{% endif %}
-                        {{ event.title }}
-                        {% if event.url %}</a>{% endif %}
+                        <div class="display-block">
+                            {% if event.url %}<a href="{{ event.url }}">{% endif %}
+                            {{ event.title }}
+                            {% if event.url %}</a>{% endif %}
+                        </div>
 
                         {% if event.location %}
                             <small class="event-location">