From 485a23426308baaa563ffbb0c26ae10f6812d383 Mon Sep 17 00:00:00 2001
From: Jesse Lucas <jesse@jesselucas.com>
Date: Fri, 27 Mar 2020 21:51:40 -0400
Subject: [PATCH] Use flexbox for dashboard layout

---
 src/app/dashboard/dashboard.component.html | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 9b5a4a951..434d48291 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1,15 +1,12 @@
-<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
-  gdGap="16px" gdRows="auto auto auto">
-  <div gdArea="header">
-    <h1>Tech UI</h1>
-  </div>
-  <div gdArea="folders">
-    <app-folder-chart></app-folder-chart>
-  </div>
-  <div gdArea="devices">
-    <app-device-chart></app-device-chart>
+<!--<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
+  gdGap="16px" gdRows="auto auto auto"> -->
+<!--<div class="grid-container" fxLayout="row" fxLayoutGap="16px grid" fxLayoutAlign="stretch">-->
+<div fxLayout="column" fxLayoutGap="16px" class="grid-container">
+  <h1>Tech UI</h1>
+  <div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
+    <app-folder-chart fxFlex="50"></app-folder-chart>
+    <app-device-chart fxFlex="50"></app-device-chart>
   </div>
   <app-status-list gdArea="status-list"></app-status-list>
-  <div gdArea="footer">
-  </div>
+  <div></div>
 </div>
\ No newline at end of file