From 0acaaf0f558d39e3ccf278fb5121d180b8877aa9 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Mon, 25 Jan 2021 10:31:39 -0600
Subject: [PATCH] fix extra pixels under icons in buttons

Since the img is in a span, it was treated as text and added 4 pixels
on the bottom for the descender height.

By using `display: block;` it won't be treated as text.

Fixes pybricks/pybricks-code#268
---
 src/index.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/index.scss b/src/index.scss
index 3fe4babf..310284fd 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -48,6 +48,10 @@ body {
     user-select: none;
 }
 
+.#{$ns}-button-text > img {
+    display: block;
+}
+
 .#{$ns}-form-group > .#{$ns}-label {
     font-weight: bolder;
 }