From 97a5188c55da2907c21206ef58af5858254cbc5d Mon Sep 17 00:00:00 2001
From: Justin Weberg <justweb1@users.noreply.github.com>
Date: Fri, 14 Oct 2016 01:49:32 -0500
Subject: [PATCH] Fix inconsistent dialog width (#120)

* add 100% relative width

* set dialog width based on domain

* Set history-charts max-width

* Fix review requests

* Fix requests.

* Set Camera dialog width to auto

* Fix camera dialog width

* Fix dialog width and history charts running off the edge of the dialog
---
 src/dialogs/more-info-dialog.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/dialogs/more-info-dialog.html b/src/dialogs/more-info-dialog.html
index c0b811874d..572abf6bec 100644
--- a/src/dialogs/more-info-dialog.html
+++ b/src/dialogs/more-info-dialog.html
@@ -16,11 +16,17 @@
     <style>
       paper-dialog {
         font-size: 14px;
+        width: 365px;
+      }
+
+      paper-dialog[data-domain=camera] {
+        width: auto;
       }
 
       state-history-charts {
         position: relative;
         z-index: 1;
+        max-width: 365px;
       }
 
       state-card-content {
@@ -41,10 +47,11 @@
           overflow: scroll;
         }
       }
+
     </style>
 
     <!-- entry-animation='slide-up-animation' exit-animation='slide-down-animation' -->
-    <paper-dialog id="dialog" with-backdrop opened='{{dialogOpen}}'>
+    <paper-dialog id="dialog" with-backdrop opened='{{dialogOpen}}' data-domain$='[[stateObj.domain]]'>
       <h2>
         <state-card-content
           state-obj="[[stateObj]]"