From e28c6519307037925edccebd8caa0f1ab42257d4 Mon Sep 17 00:00:00 2001
From: c727 <crusader727@gmx.de>
Date: Tue, 12 Jun 2018 23:51:20 +0200
Subject: [PATCH] Hassio random fixes (#1278)

* Fix img width in markdown

* Flexify add-on view

* Hide deployment if null

* Fix mobile add-on view
---
 hassio/src/addon-view/hassio-addon-info.js |  3 +++
 hassio/src/addon-view/hassio-addon-view.js | 18 ++++++++++++++++--
 hassio/src/system/hassio-host-info.js      | 10 ++++++----
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/hassio/src/addon-view/hassio-addon-info.js b/hassio/src/addon-view/hassio-addon-info.js
index 1b319c64eb..0265ea0ac2 100644
--- a/hassio/src/addon-view/hassio-addon-info.js
+++ b/hassio/src/addon-view/hassio-addon-info.js
@@ -62,6 +62,9 @@ class HassioAddonInfo extends EventsMixin(PolymerElement) {
       .right {
         float: right;
       }
+      ha-markdown img {
+        max-width: 100%;
+      }
     </style>
     <template is="dom-if" if="[[computeUpdateAvailable(addon)]]">
       <paper-card heading="Update available! 🎉">
diff --git a/hassio/src/addon-view/hassio-addon-view.js b/hassio/src/addon-view/hassio-addon-view.js
index acb4776c79..1061880b62 100644
--- a/hassio/src/addon-view/hassio-addon-view.js
+++ b/hassio/src/addon-view/hassio-addon-view.js
@@ -25,14 +25,28 @@ class HassioAddonView extends PolymerElement {
       }
       .content {
         padding: 24px 0 32px;
-        max-width: 600px;
-        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
       }
       hassio-addon-info,
       hassio-addon-network,
       hassio-addon-audio,
       hassio-addon-config {
         margin-bottom: 24px;
+        width: 600px;
+      }
+      hassio-addon-logs {
+        min-width: 600px;
+      }
+      @media only screen and (max-width: 600px) {
+        hassio-addon-info,
+        hassio-addon-network,
+        hassio-addon-audio,
+        hassio-addon-config,
+        hassio-addon-logs {
+          max-width: 100%;
+        }
       }
     </style>
     <app-route route="[[route]]" pattern="/addon/:slug" data="{{routeData}}" active="{{routeMatches}}"></app-route>
diff --git a/hassio/src/system/hassio-host-info.js b/hassio/src/system/hassio-host-info.js
index 3412d45ef8..6a012bf1d3 100644
--- a/hassio/src/system/hassio-host-info.js
+++ b/hassio/src/system/hassio-host-info.js
@@ -54,10 +54,12 @@ class HassioHostInfo extends EventsMixin(PolymerElement) {
             <td>System</td>
             <td>[[data.operating_system]]</td>
           </tr>
-          <tr>
-            <td>Deployment</td>
-            <td>[[data.deployment]]</td>
-          </tr>
+          <template is="dom-if" if="[[data.deployment]]">
+            <tr>
+              <td>Deployment</td>
+              <td>[[data.deployment]]</td>
+            </tr>
+          </template>
         </tbody></table>
         <paper-button raised="" on-click="_showHardware" class="info">Show hardware</paper-button>
         <template is="dom-if" if="[[errors]]">