Merge branch 'drag-controller' of https://github.com/arao456/videospeed into arao456-drag-controller

Some cleanup + refactoring.

shadow.css

@@ -29,9 +29,29 @@
   opacity: 0.7;
 }
 
+#controller:hover > .draggable {
+  margin-right: 0.8em;
+}
+
 #controls {
   display: none;
-  margin-left: 1em;
+}
+
+#controller.dragging {
+  cursor: -webkit-grabbing;
+  opacity: 0.7;
+}
+
+#controller.dragging #controls {
+  display: inline;
+}
+
+.draggable {
+  cursor: -webkit-grab;
+}
+
+.draggable:active {
+  cursor: -webkit-grabbing;
 }
 
 button {
@@ -45,6 +65,7 @@ button {
   line-height: 14px;
   border: 1px solid white;
   font-family: "Lucida Console", Monaco, monospace;
+  margin-bottom: 2px;
 }
 
 button:focus {
@@ -64,6 +85,6 @@ button.rw {
 }
 
 button.hideButton {
-  margin: 0 2px 0 15px;
+  margin-right: 2px;
   opacity: 0.5;
 }