From a5ea78547480952f7d00075c4de70d1852b606dd Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Thu, 6 Feb 2020 16:38:24 +0000
Subject: [PATCH] Make pill items match their heights

---
 app/assets/stylesheets/components/pill.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss
index 5139c9632..12c504fcc 100644
--- a/app/assets/stylesheets/components/pill.scss
+++ b/app/assets/stylesheets/components/pill.scss
@@ -14,6 +14,13 @@
       See: https://www.w3.org/TR/css-flexbox-1/#flex-containers
     */
     float: left;
+    /*
+      Setting this as a flex container means the contents (1 item)
+      will fill the vertical space due to `align-items` defaulting
+      to `stretch`.
+      See: https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
+    */
+    display: flex;
   }
 
   a,