minor homepage changes to prep for statistics info

src/app/generator-search/generator-search.component.css

@@ -1,4 +1,4 @@
-h4#header {
+/* h4#header {
     margin-left: 110px;
 }
 
@@ -11,4 +11,4 @@ a#genLink {
     margin: 10px;
     display: inline-block;
     text-decoration: none;
-}
+} */

src/app/generator-search/generator-search.component.html

@@ -1,18 +1,23 @@
-<div class="generator-main" id="findGenerator">
-    <div class="col-md-6 mx-auto mt-4">
-        <h4 id="header">
-            Your Generators
-        </h4>
-        <br>
-        <ul>
-            <ol *ngFor="let generator of generators$">
-                <a id="genLink" class="btn btn-primary" (click)="goToGenerator(generator.gen_id, generator.org_id)">{{ generator.gen_name }}</a>
-                <p id="genInfo">
-                    Organization ID: {{ generator.org_id }} <br>
-                    Generator ID: {{ generator.gen_id }} <br>
-                    zipcode: {{ generator.zip }}
-                </p>
-            </ol>
-        </ul>
+<div class="container ">
+    <div class="row">
+        <div class="col-md-12 mx-auto mt-4">
+            <h4 class="text-center mb-3">Your Generators</h4>
+
+            <form id="visToolbar">
+                <div class="text-center mb3">
+                    <br>
+                    <a>
+                        <a class="text-center"*ngFor="let generator of generators$">
+                            <a class="btn btn-primary" style="color:white" (click)="goToGenerator(generator.gen_id, generator.org_id)">{{ generator.gen_name }}</a>
+                            <p id="genInfo">
+                                zipcode: {{ generator.zip }} <br>
+                                (insert statistics preview here)
+                            </p>
+                            <br>
+                        </a>
+                    </a>
+                </div>
+            </form>
+        </div>
     </div>
 </div>

src/app/visualize-all/visualize-all.component.html

@@ -43,7 +43,7 @@ <h4 class="text-center mb3" style="color:red" *ngIf="signal">Invalid Entry</h4>
             <input #time_span type="number" id="exampleInputTimeSpan" placeholder="Select Time Span">
           </div>
           <br>
-          <a class="btn btn-primary" (click)="resetAndRemakeChart()">Visualize</a>
+          <a class="btn btn-primary" style="color:white" (click)="resetAndRemakeChart()">Visualize</a>
           <br>
           <br>
         </div>

src/app/visualize-all/visualize-all.component.ts

@@ -37,7 +37,6 @@ export class VisualizeAllComponent implements OnInit {
     const genName = [];
     const genValArray = [];
     const genCount = genVals.length;
-    console.log(genVals);
     this.signal = false;
     if (genVals[0] !== '') {
       for (let i = 0; i < genVals.length; i++) {
@@ -59,8 +58,6 @@ export class VisualizeAllComponent implements OnInit {
       genVal = 'invalid';
       this.signal = true;
     }
-    console.log(genVal);
-    console.log(genName);
 
     const funcVals = Array.prototype.slice.call(document.querySelectorAll('#func_select option:checked'), 0).map(function (v, i, a) {
       return v.value;