From 9e9ce86454353e6ae5fcb7996ca06198e1ffeb98 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 25 Apr 2019 22:24:31 +0200
Subject: [PATCH] Responsive tweaks

---
 source/_includes/sponsors/full.html.twig | 6 +++---
 source/sponsors.html.twig                | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/source/_includes/sponsors/full.html.twig b/source/_includes/sponsors/full.html.twig
index 500e5ea..3313f2d 100644
--- a/source/_includes/sponsors/full.html.twig
+++ b/source/_includes/sponsors/full.html.twig
@@ -1,7 +1,7 @@
 <div class="tw-mb-4">
   <h3>{{ name }}</h3>
 
-  <div class="tw-flex tw-flex-row-reverse tw--mx-4">
+  <div class="tw-flex tw-flex-col-reverse md:tw-flex-row-reverse tw--mx-4">
     <div class="tw-flex-1 tw-px-4">
       {% if description %}
         <div>
@@ -17,8 +17,8 @@
     </div>
 
     {% if logo %}
-      <div class="tw-flex-none tw-px-4 tw-w-1/4">
-        <img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-max-w-full">
+      <div class="tw-flex-none tw-px-4 tw-mb-3 md:tw-mb-0 tw-w-full md:tw-w-1/4">
+        <img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-w-48 md:tw-w-auto tw-max-w-full">
       </div>
     {% endif %}
   </div>
diff --git a/source/sponsors.html.twig b/source/sponsors.html.twig
index f590565..e6a7cd4 100644
--- a/source/sponsors.html.twig
+++ b/source/sponsors.html.twig
@@ -15,7 +15,7 @@ title: Sponsors
 
       <div class="{{ level == 'gold' ? '' : 'tw-flex tw-flex-wrap tw--mx-2' }}">
         {% for sponsor in sponsors %}
-          <article class="{{ level == 'gold' ? 'tw-w-full' : 'tw-w-1/6 tw-px-2 tw-mb-6' }}">
+          <article class="{{ level == 'gold' ? 'tw-w-full' : 'tw-w-1/2 md:tw-w-1/4 lg:tw-w-1/6 tw-px-2 tw-mb-6' }}">
             {% set template = (level == 'gold') ? 'sponsors/full' : 'sponsors/teaser' %}
             {% include template with {
               description: sponsor.description,