From fc96d33d6a3e65c5ebf129e97ee617dab54b9f17 Mon Sep 17 00:00:00 2001
From: Gabriel Oliveira <gabrielboliveira@users.noreply.github.com>
Date: Fri, 26 Oct 2018 14:38:02 -0300
Subject: [PATCH] 1813 - Improve Hass.io System cards UI (#1862)

* 1813 - Improve Hass.io System cards UI

* 1813 - Move margin to proper card file
---
 hassio/src/system/hassio-host-info.js       | 5 ++++-
 hassio/src/system/hassio-supervisor-info.js | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/hassio/src/system/hassio-host-info.js b/hassio/src/system/hassio-host-info.js
index bb082a7dee..245c858065 100644
--- a/hassio/src/system/hassio-host-info.js
+++ b/hassio/src/system/hassio-host-info.js
@@ -26,7 +26,7 @@ class HassioHostInfo extends EventsMixin(PolymerElement) {
           width: 100%;
         }
         .card-content {
-          height: 100%;
+          height: auto;
         }
       }
       .info {
@@ -42,6 +42,9 @@ class HassioHostInfo extends EventsMixin(PolymerElement) {
       paper-button.info {
         max-width: calc(50% - 12px);
       }
+      table.info {
+        margin-bottom: 10px;
+      }
     </style>
     <paper-card>
       <div class="card-content">
diff --git a/hassio/src/system/hassio-supervisor-info.js b/hassio/src/system/hassio-supervisor-info.js
index ea9e2051db..d29c517e5c 100644
--- a/hassio/src/system/hassio-supervisor-info.js
+++ b/hassio/src/system/hassio-supervisor-info.js
@@ -23,7 +23,7 @@ class HassioSupervisorInfo extends EventsMixin(PolymerElement) {
           width: 100%;
         }
         .card-content {
-          height: 100%;
+          height: auto;
         }
       }
       .info {