minor look changes to homepage and visualization

SeniorDesignGroup5 · Apr 1, 2019 · e13e5be · e13e5be
1 parent 9ec68a2
commit e13e5be
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/app/visualize-all/visualize-all.component.css b/src/app/visualize-all/visualize-all.component.css
@@ -1,21 +1,25 @@
 select#gen_select {
-    width: 180px;
+    width: 200px;
+    margin: 20px;
 }
 
 select#func_select {
     width: 180px;
+    margin: 20px;
 }
 
 select#data_select {
     width: 180px;
+    margin: 20px;
 }
 
 select#time_type_select {
     width: 180px;
+    margin: 20px;
 }
 select#time_span_select {
     width: 200px;
-    padding: 100px;
+    padding: 20px
 
 }
 

diff --git a/src/app/visualize-all/visualize-all.component.html b/src/app/visualize-all/visualize-all.component.html
@@ -12,10 +12,7 @@
           <br>
           <p id="visMessage">Ctrl/Comm+Click to select multiple generators <br> Please select a maximum of 5 generators
           </p>
-          <select id="gen_select" name="generatorSelect" multiple>
-            <option *ngFor="let generator of generators$" value="{{generator.gen_id}},{{generator.gen_name}}">{{generator.gen_name}}</option>
-          </select>
-          <br><br>
+          <!-- <br><br> -->
           <select id="func_select" name="functionSelect">
             <option value="" disabled selected>Select Function</option>
             <option value="sum">Summation</option>
@@ -25,12 +22,12 @@
             <option value="count">Count</option>
             <option value="dev">Deviation</option>
           </select>
-          <br><br>
+          <!-- <br><br> -->
           <select id="data_select" name="dataSelect">
             <option value="" disabled selected>Select Data</option>
             <option *ngFor="let names of dataNames$" value="{{names}}">{{names}}</option>
           </select>
-          <br><br>
+          <!-- <br><br> -->
           <select id="time_type_select" name="timeTypeSelect">
             <option value="" disabled selected>Select Time Type</option>
             <option value="year">Years</option>
@@ -39,6 +36,9 @@
             <option value="minute">Minutes</option>
           </select>
           <br><br>
+          <select id="gen_select" name="generatorSelect" multiple>
+            <option *ngFor="let generator of generators$" value="{{generator.gen_id}},{{generator.gen_name}}">{{generator.gen_name}}</option>
+          </select>
           <div id="time-span-select">
             <input #time_span type="number" id="exampleInputTimeSpan" placeholder="Select Time Span">
           </div>