From 0c03326e038c9cc97d9b119f5de11b57facf4305 Mon Sep 17 00:00:00 2001
From: Zak Timson <zaktimson@gmail.com>
Date: Tue, 24 Jul 2018 20:32:58 -0400
Subject: [PATCH] Added approved info

---
 .../formulaManager.component.html             | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/app/formulaManager/formulaManager.component.html b/src/app/formulaManager/formulaManager.component.html
index 3fe2141..8676b2a 100644
--- a/src/app/formulaManager/formulaManager.component.html
+++ b/src/app/formulaManager/formulaManager.component.html
@@ -1,19 +1,7 @@
 <div class="container">
-    <div *ngIf="store.user" class="row mt-3">
+    <div *ngIf="!electron.isElectronApp" class="row mt-3 d-none d-lg-block">
         <div class="col-12">
-            <div class="float-right">
-                <button mat-raised-button class="mr-3" (click)="openComponents()">
-                    <mat-icon>list</mat-icon> Components
-                </button>
-                <button mat-raised-button (click)="newFormula()">
-                    <mat-icon>add</mat-icon> Formula
-                </button>
-            </div>
-        </div>
-    </div>
-    <div *ngIf="!electron.isElectronApp" class="row mt-3">
-        <div class="col-12">
-            <div *ngIf="!electron.isElectronApp" class="jumbotron text-white d-none d-lg-block" style="
+            <div class="jumbotron text-white" style="
                         background-color: #000;
                         background-image: url('../../assets/img/formula.jpg');
                         background-size: cover;
@@ -33,6 +21,18 @@
             </div>
         </div>
     </div>
+    <div *ngIf="store.user" class="row mt-3">
+        <div class="col-12">
+            <div class="float-right">
+                <button mat-raised-button class="mr-3" (click)="openComponents()">
+                    <mat-icon>list</mat-icon> Components
+                </button>
+                <button mat-raised-button (click)="newFormula()">
+                    <mat-icon>add</mat-icon> Formula
+                </button>
+            </div>
+        </div>
+    </div>
     <div class="row mt-3 mb-5">
         <div class="col-12 col-lg-3" style="height: 500px; overflow: auto">
             <mat-form-field class="w-100">
@@ -46,6 +46,17 @@
                 </ng-container>
             </mat-list>
         </div>
+        <div *ngIf="!formula" class="d-none d-lg-block col-lg-9">
+            <div class="w-100">
+                <div class="col-12 p-5">
+                    <mat-card class="mx-auto text-center">
+                        <mat-card-content>
+                            Pick a formula from the left hand side to see its components!
+                        </mat-card-content>
+                    </mat-card>
+                </div>
+            </div>
+        </div>
         <div *ngIf="formula" class="col-12 col-lg-9">
             <div>
                 <div class="float-left">