From 69630a53f7c7407b78270fd679289afe7732e776 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Wed, 27 May 2015 23:51:17 -0700
Subject: [PATCH] Polymer 1.0: Fix dialog appearance on small screens

---
 .../polymer/dialogs/more-info-dialog.html          | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/homeassistant/components/frontend/www_static/polymer/dialogs/more-info-dialog.html b/homeassistant/components/frontend/www_static/polymer/dialogs/more-info-dialog.html
index 1eee563089e..68c022757cd 100644
--- a/homeassistant/components/frontend/www_static/polymer/dialogs/more-info-dialog.html
+++ b/homeassistant/components/frontend/www_static/polymer/dialogs/more-info-dialog.html
@@ -14,6 +14,20 @@
     state-card-content {
       margin-bottom: 24px;
     }
+
+    @media all and (max-width: 450px) {
+      paper-dialog {
+        margin: 0;
+        width: 100%;
+        max-height: calc(100% - 64px);
+
+        position: fixed !important;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
+        overflow: scroll;
+      }
+    }
   </style>
   <template>
     <!-- entry-animation='slide-up-animation' exit-animation='slide-down-animation' -->