From 1ce2aa8c2a1b87d6d5caab9e104d43475dc086f5 Mon Sep 17 00:00:00 2001
From: Joey Parrish <joeyparrish@google.com>
Date: Mon, 15 Jun 2020 09:48:11 -0700
Subject: [PATCH] fix(demo): fix centering of MDL icons

Some icons on the demo were not centered correctly, such as the custom
content tab's "plus" button.  Some conflicting styles were changing
the line-height.

Change-Id: I08c9bb01642346b1a3b1162f779300221ae23246
---
 demo/demo.less | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/demo/demo.less b/demo/demo.less
index 288b690693..918cf7a9bb 100644
--- a/demo/demo.less
+++ b/demo/demo.less
@@ -27,6 +27,12 @@
   font-family: 'Material Icons Round';
 }
 
+/* Conflicting styles between the icons font & the MDL buttons caused some
+ * icons not to be centered in their MDL button.  This fixes it. */
+.mdl-button .material-icons {
+  line-height: 36px;
+}
+
 /* This is a less mixin only, rather than a CSS class. MDL has an equivalent
  * class with the same name, which can be used in the application directly. */
 .hidden() {