From fd8434c9e5bab2f47e538a191e7049d8fd9afeca Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sat, 29 Jul 2017 08:38:56 +0100
Subject: [PATCH] Figure out badge widths dynamically

---
 assets/sass/components/_badges.sass | 10 ++++++++++
 source/_includes/badges.html.twig   | 24 +++++++++++++-----------
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/assets/sass/components/_badges.sass b/assets/sass/components/_badges.sass
index a2519d582..c652a511f 100644
--- a/assets/sass/components/_badges.sass
+++ b/assets/sass/components/_badges.sass
@@ -2,4 +2,14 @@
     margin: 0 auto 10px
 
 .badges img
+    height: auto
     max-width: 100%
+
+.acquia-badges
+    border-collapse: collapse
+    display: table
+
+    .badge
+        background: none
+        display: table-cell
+        padding: 0
diff --git a/source/_includes/badges.html.twig b/source/_includes/badges.html.twig
index b23bc6758..fdcb45b5a 100644
--- a/source/_includes/badges.html.twig
+++ b/source/_includes/badges.html.twig
@@ -7,18 +7,20 @@
         />
     </a>
 
-    <div class="is-flex align-items-center">
-        <img
-            src="{{ site.images_url }}/assets/images/badges/acquia-d8-developer.png"
-            alt="Acquia Certified Developer - Drupal 8 Exam Badge"
-            class="is-2"
-        />
+    <div class="acquia-badges">
+        <div class="badge">
+            <img
+                src="{{ site.images_url }}/assets/images/badges/acquia-d8-developer.png"
+                alt="Acquia Certified Developer - Drupal 8 Exam Badge"
+            />
+        </div>
 
-        <img
-            src="{{ site.images_url }}/assets/images/badges/acquia-d8-back-end.png"
-            alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge"
-            class="is-2"
-        />
+        <div class="badge">
+            <img
+                src="{{ site.images_url }}/assets/images/badges/acquia-d8-back-end.png"
+                alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge"
+            />
+        </div>
     </div>
 
     <a href="http://conference.phpnw.org.uk/phpnw17" class="is-block">