More Material

src/components/entity/ha-entity-toggle.html

@@ -5,6 +5,7 @@
 <dom-module id="ha-entity-toggle">
   <style>
     paper-icon-button {
+      color: var(--primary-text-color);
       transition: color .5s;
     }
     paper-icon-button[state-active] {
@@ -13,6 +14,7 @@
     paper-toggle-button {
       cursor: pointer;
       --paper-toggle-button-label-spacing: 0;
+      padding: 9px 0;
     }
   </style>
   <template>

src/components/entity/ha-entity-toggle.js

@@ -25,6 +25,14 @@ export default new Polymer({
     },
   },
 
+  listeners: {
+    tap: 'onTap',
+  },
+
+  onTap(ev) {
+    ev.stopPropagation();
+  },
+
   ready() {
     this.forceStateChange();
   },