From a8ad19cb671250392101ad03459e21fb76d278a6 Mon Sep 17 00:00:00 2001
From: Sebastian Wiedenroth <wiedi@frubar.net>
Date: Sun, 30 Jul 2017 18:06:15 +0200
Subject: [PATCH] imrpove slider styling

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

diff --git a/index.html b/index.html
index c930d32..b0acbd0 100644
--- a/index.html
+++ b/index.html
@@ -16,9 +16,10 @@
 	}
 	input[type=range] {
 		-webkit-appearance: slider-vertical;
-		height: 200px;
+		height: 100px;
 		width: 60px;
 		margin-bottom: 2em;
+		margin-top: 3em;
 	}
 
 	input[type=range]:before {
@@ -30,13 +31,14 @@
 		display: block;
 		color: #fff;
 		position: absolute;
-		margin-bottom: 2em;
+		top: 2em;
 	}
 	.device {
 		clear: both;
 		padding-top: 1em;
 	}
 	.channel {
+		position: relative;
 		text-align: center;
 		float: left;
 	}
@@ -99,7 +101,7 @@
 						var html_id = get_html_id(universe, channel_id);
 						html += '<div class="channel">'
 						html += '<label for="' + html_id + '">' + devices[dev.type].channels[channel] + '</label>';
-						html += '<input  id="' + html_id + '" type="range" min="0" value="0" max="255">'
+						html += '<input  id="' + html_id + '" type="range" min="0" value="0" max="255" orient="vertical">'
 						html += '</div>'
 					}
 					html += '</div>'