From 8221c6541907b700e13a3746dccfdcf364e3d6eb Mon Sep 17 00:00:00 2001
From: Teddy Wing
Date: Sun, 10 Nov 2013 05:43:12 -0500
Subject: Clean up look of progress bar

* Widen progress bar
* Increase height of elements contained within the progress bar to
  match my change from the last commit
* Stagger the drag handles so that the time is visible even if they
  are close together. Unfortunately, the clip line appears above the
  start drag handle when they are close together & I can't seem to fix
  this using z-index. I will update this to make the drag handles
  aligned horizontally again, but will nudge them so that the side of
  a handle juts up against the clip line.
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 168c17c..ed43984 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
 		<div class="edit-sample js-edit-sample">
 			<div class="progress-bar">
 				<div class="clip-line js-clip-line js-start-position">
-					<div class="drag-handle js-drag-handle">
+					<div class="drag-handle start-drag-handle js-drag-handle">
 						<span class="js-time"></span>
 					</div>
 				</div>
@@ -58,7 +58,7 @@
 				<div class="selected-bar js-selected-bar"></div>
 
 				<div class="clip-line js-clip-line js-end-position">
-					<div class="drag-handle js-drag-handle">
+					<div class="drag-handle stop-drag-handle js-drag-handle">
 						<span class="js-time"></span>
 					</div>
 				</div>
-- 
cgit v1.2.3