From c04c30337fe256a25b96fc1fa8a284108167f3f0 Mon Sep 17 00:00:00 2001
From: NovapaX <maarten@maartenenliesbeth.nl>
Date: Mon, 26 Mar 2018 10:49:14 +0200
Subject: [PATCH] Contain slots and scope css instead of using ::slotted
 Polyfill converts `::slotted(*)` to `host-tag > *` which messes up styles of
 descendents that are not slotted.

---
 src/components/entity/state-info.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/entity/state-info.html b/src/components/entity/state-info.html
index cdab3fa548..3b28819f04 100644
--- a/src/components/entity/state-info.html
+++ b/src/components/entity/state-info.html
@@ -31,7 +31,7 @@
       line-height: 20px;
     }
 
-    .time-ago, ::slotted(*) {
+    .time-ago, .extra-info, .extra-info > * {
       @apply --paper-font-common-nowrap;
       color: var(--secondary-text-color);
     }
@@ -48,7 +48,9 @@
           </div>
         </template>
         <template is='dom-if' if='[[!inDialog]]'>
-          <slot>
+          <div class='extra-info'>
+            <slot>
+          </div>
         </template>
       </div>
   </template>