Upgrade Electron and fix view CSS

Author: lorenzo93

index.html

@@ -597,9 +597,10 @@ <h3>Bash file preview:</h3>
 				<script src="src/static/vendor/js/vis.js"></script>
 				<script src="src/lab-generator/models/draw.js"></script>
 				<script src="src/lab-generator/make_draw_model.js"></script>
-				<div id="mynetwork" style="height: 75vh; border: 1px solid lightgray;"></div>
+				<div id="mynetwork" style="height: 65vh; border: 1px solid lightgray;"></div>
 
-				<div id="controls" style="border: 1px solid lightgray; width: 100%; margin-top: 1em;">
+				<div id="controls"
+					style="border: 1px solid lightgray; width: 100%; margin-top: 1em; height: 25vh; overflow: scroll;">
 					<div class="row" style="margin: 0 !important;">
 						<div class="col-md-offset-3 col-md-2">
 							<h3 class="margin-bottom: 5px;">Edges smoothness</h3>
@@ -641,8 +642,8 @@ <h3 class="margin-bottom: 5px;">Physics</h3>
 
 							<div class="form-group">
 								<label for='physicsGravitationalConstant'>&nbsp;Gravitational Constant:</label>
-								<input style="max-width: 300px;" type='range' min='-30000' max='0' value='-1200' step='50'
-									id='physicsGravitationalConstant' onchange='setNetworkOptions()'>
+								<input style="max-width: 300px;" type='range' min='-30000' max='0' value='-1200'
+									step='50' id='physicsGravitationalConstant' onchange='setNetworkOptions()'>
 								<input style="max-width: 300px; margin-top: 10px;" class="form-control" type='text'
 									value='-1200' id='physicsGravitationalConstantValue' readonly='true'>
 							</div>
@@ -651,32 +652,33 @@ <h3 class="margin-bottom: 5px;">Physics</h3>
 							<h3 class="margin-bottom: 5px;">Miscellaneous</h3>
 
 							<div class="form-group">
-							  <input class="form-check-input" type="checkbox" value="" id="ifNameAt">
-							  <label class="form-check-label" for="ifNameAt">
-								Replace interface name with "@"
-							  </label>
+								<input class="form-check-input" type="checkbox" value="" id="ifNameAt">
+								<label class="form-check-label" for="ifNameAt">
+									Replace interface name with "@"
+								</label>
 							</div>
 
 							<div class="form-group">
-							  <input class="form-check-input" type="checkbox" value="" id="ifOspfCost">
-							  <label class="form-check-label" for="ifOspfCost">
-								Show OSPF interface cost
-							  </label>
+								<input class="form-check-input" type="checkbox" value="" id="ifOspfCost">
+								<label class="form-check-label" for="ifOspfCost">
+									Show OSPF interface cost
+								</label>
 							</div>
 
 							<div class="form-group">
-							  <input class="form-check-input" type="checkbox" value="" id="routingLabel">
-							  <label class="form-check-label" for="routingLabel">
-								Show OSPF/RIP/BGP label on router
-							  </label>
+								<input class="form-check-input" type="checkbox" value="" id="routingLabel">
+								<label class="form-check-label" for="routingLabel">
+									Show OSPF/RIP/BGP label on router
+								</label>
 							</div>
-						  </div>
+						</div>
 					</div>
 
 					<div class="row" style="margin: 0 !important; margin-top: 10px;">
 						<div class="col-md-offset-3 col-md-6">
 							<div class="form-group">
-								<button class="btn btn-danger btn-block" data-ng-click="makeGraph(netkit)">Reset</button>
+								<button class="btn btn-danger btn-block"
+									data-ng-click="makeGraph(netkit)">Reset</button>
 							</div>
 						</div>
 					</div>
@@ -719,6 +721,7 @@ <h4 class="modal-title">Running Commands</h4>
 				}
 			}
 		</script>
+	</div>
 </body>
 
 </html>