app/www/index.html

@@ -29,9 +29,10 @@
 	/* The switch - the box around the slider */
 	.switch {
 		position: relative;
-		display: inline-block;
+		display: block;
 		width: 60px;
 		height: 34px;
+		margin: 0 auto;
 	}
 
 	/* Hide default HTML checkbox */
@@ -131,7 +132,8 @@
 		float: left;
 	}
 	#bwdLabel{
-		float: right;
+		position: absolute;
+		right: 10%;
 	}
 	.label{
 		text-align: right;
@@ -146,12 +148,12 @@
 <div id="app">
 	<div>
 		<div class="label">Direction</div>
+		<span id="bwdLabel">BACKWARD</span>
 		<span id="fwdLabel" class="selected">FORWARD</span>
 		<label class="switch" onclick="setDir();">
 			<input type="checkbox" id="dir">
 			<span class="slider round"></span>
 		</label>
-		<span id="bwdLabel">BACKWARD</span>
 	</div>
 	<div>
 		<div class="label">Exposure (ms)</div>