Fix duplicate ids.

home-assistant · Oct 5, 2018 · 1ed9fe4 · 1ed9fe4
1 parent 3da5378
commit 1ed9fe4
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js b/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js
@@ -18,26 +18,32 @@ export class HuiPersistentNotificationItem extends LocalizeMixin(PolymerElement)
   static get template() {
     return html`
     <style>
-      #time {
+      .time {
+        display: flex;
+        justify-content: flex-end;
         margin-top: 6px;
-        text-align: right;
+        margin-left: auto;
       }
       ha-relative-time {
         color: var(--secondary-text-color);
       }
+      paper-tooltip {
+        display: inline-block;
+      }
     </style>
     <hui-notification-item-template>
       <span slot="header">[[_computeTitle(notification)]]</span>
       
       <ha-markdown content="[[notification.message]]"></ha-markdown>
       
-      <div id="time">
-        <ha-relative-time
-          id="notificationTime"
-          hass="[[hass]]"
-          datetime="[[notification.created_at]]"
-        ></ha-relative-time>
-        <paper-tooltip for="notificationTime">[[_computeTooltip(hass, notification)]]</paper-tooltip>
+      <div class="time">
+        <span>
+          <ha-relative-time
+            hass="[[hass]]"
+            datetime="[[notification.created_at]]"
+          ></ha-relative-time>
+          <paper-tooltip>[[_computeTooltip(hass, notification)]]</paper-tooltip>
+        </span>
       </div>
 
       <paper-button