From 2d3d4db4dde5fddcae361a13f755e34f81b8491a Mon Sep 17 00:00:00 2001
From: Leonardo Merza <ljmerza@gmail.com>
Date: Sat, 16 Feb 2019 14:54:57 -0500
Subject: [PATCH] centered loading for system health and logs (#2759)

---
 src/panels/dev-info/system-health-card.ts | 10 +++++++++-
 src/panels/dev-info/system-log-card.ts    |  5 +++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/panels/dev-info/system-health-card.ts b/src/panels/dev-info/system-health-card.ts
index 753a2aa851..fbe78da9b6 100644
--- a/src/panels/dev-info/system-health-card.ts
+++ b/src/panels/dev-info/system-health-card.ts
@@ -51,7 +51,9 @@ class SystemHealthCard extends LitElement {
     if (!this._info) {
       sections.push(
         html`
-          <paper-spinner active></paper-spinner>
+          <div class="loading-container">
+            <paper-spinner active></paper-spinner>
+          </div>
         `
       );
     } else {
@@ -120,6 +122,12 @@ class SystemHealthCard extends LitElement {
       td:first-child {
         width: 33%;
       }
+
+      .loading-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
     `;
   }
 }
diff --git a/src/panels/dev-info/system-log-card.ts b/src/panels/dev-info/system-log-card.ts
index 11104a5dc5..59c11ca61c 100644
--- a/src/panels/dev-info/system-log-card.ts
+++ b/src/panels/dev-info/system-log-card.ts
@@ -137,9 +137,10 @@ class SystemLogCard extends LitElement {
       }
 
       .loading-container {
-        @apply --layout-vertical;
-        @apply --layout-center-center;
         height: 100px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
     `;
   }