From 4f191942224aabb00a14f84da186976881914d36 Mon Sep 17 00:00:00 2001
From: mmcw-dev <hi@mmcwilliams.com>
Date: Sat, 21 Oct 2017 22:17:32 -0400
Subject: [PATCH] Fix direction selection UI

---
 app/www/index.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/www/index.html b/app/www/index.html
index f2dce9c..18df5ab 100644
--- a/app/www/index.html
+++ b/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>