From ae2e755ea9539605781763c5da47f1a88345ab57 Mon Sep 17 00:00:00 2001
From: Petja <hello@petja.me>
Date: Sun, 15 Jan 2017 18:28:52 +0200
Subject: [PATCH] Updating CSS to better reflect Material Design spec

Padding, font, border radius, disabled state and icon
---
 paper-button.html | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/paper-button.html b/paper-button.html
index dd74dc6..0f16adb 100644
--- a/paper-button.html
+++ b/paper-button.html
@@ -97,14 +97,16 @@
         font: inherit;
         text-transform: uppercase;
         outline-width: 0;
-        border-radius: 3px;
+        border-radius: 2px;
         -moz-user-select: none;
         -ms-user-select: none;
         -webkit-user-select: none;
         user-select: none;
         cursor: pointer;
         z-index: 0;
-        padding: 0.7em 0.57em;
+        padding: 0 1em;
+        height: 2.5em;
+        font-weight: 500;
 
         @apply(--paper-font-common-base);
         @apply(--paper-button);
@@ -125,8 +127,8 @@
       }
 
       :host([disabled]) {
-        background: #eaeaea;
-        color: #a8a8a8;
+        background: rgba(0, 0, 0, 0.12);
+        color: rgba(0, 0, 0, 0.26);
         cursor: auto;
         pointer-events: none;
 
@@ -140,6 +142,11 @@
       paper-ripple {
         color: var(--paper-button-ink-color);
       }
+
+      ::slotted(iron-icon) {
+        height: 1.3333em;
+        width: 1.3333em;
+      }
     </style>
 
     <content></content>