From 5433647ec1fa4d6f1e741cf61edb74e93ad55ae8 Mon Sep 17 00:00:00 2001
From: Founder Nur1Labs <crbru.yuthafiga@gmail.com>
Date: Fri, 18 Mar 2016 22:49:28 +0700
Subject: [PATCH 1/2] Fixed Bar Hover

Firefox Bug Fixed. Another browser. Try Fixed too.
---
 dist/videojs-skin-twitchy.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dist/videojs-skin-twitchy.css b/dist/videojs-skin-twitchy.css
index a1fcff9..b02c311 100644
--- a/dist/videojs-skin-twitchy.css
+++ b/dist/videojs-skin-twitchy.css
@@ -58,17 +58,17 @@
 }
 .vjs-skin-twitchy .vjs-control.vjs-progress-control {
   height: 0.2em;
-  width: 100%;
+  width: 65em;
 }
 .vjs-skin-twitchy:hover .vjs-control.vjs-progress-control {
-  height: 3em;
-  top: -3em;
+  height: 2em;
+  top: -2em;
 }
 .vjs-skin-twitchy .vjs-progress-control {
   display: border-box;
   position: absolute;
   top: -0.2em;
-  left: 0;
+  left: -0.5em;
   right: 0;
 }
 .vjs-skin-twitchy .vjs-load-progress div {

From 11d9503af891ca16e11419ad8023155cf61bf61d Mon Sep 17 00:00:00 2001
From: Founder Nur1Labs <crbru.yuthafiga@gmail.com>
Date: Sat, 19 Mar 2016 10:19:59 +0700
Subject: [PATCH 2/2] Fixed Some Position

Position Volume Bar Too High. I make it lower so can see.
---
 dist/videojs-skin-twitchy.css | 42 ++++++++++++++++++++++++++---------
 1 file changed, 31 insertions(+), 11 deletions(-)

diff --git a/dist/videojs-skin-twitchy.css b/dist/videojs-skin-twitchy.css
index b02c311..d10405f 100644
--- a/dist/videojs-skin-twitchy.css
+++ b/dist/videojs-skin-twitchy.css
@@ -56,19 +56,25 @@
 .vjs-skin-twitchy .vjs-slider {
   background-color: #1B1D1F;
 }
+.vjs-skin-twitchy .vjs-slider {
+  margin: 0;
+}
 .vjs-skin-twitchy .vjs-control.vjs-progress-control {
-  height: 0.2em;
-  width: 65em;
+  height: 0.3em;
+  width: 100%;
 }
 .vjs-skin-twitchy:hover .vjs-control.vjs-progress-control {
-  height: 2em;
-  top: -2em;
+  height: 3em;
+  top: -3em;
+}
+.vjs-skin-twitchy:hover .vjs-control.vjs-progress-control .vjs-play-progress, .vjs-skin-twitchy:hover .vjs-control.vjs-progress-control .vjs-load-progress {
+  height: 3em;
 }
 .vjs-skin-twitchy .vjs-progress-control {
   display: border-box;
   position: absolute;
-  top: -0.2em;
-  left: -0.5em;
+  top: -0.3em;
+  left: 0;
   right: 0;
 }
 .vjs-skin-twitchy .vjs-load-progress div {
@@ -80,15 +86,26 @@
 .vjs-skin-twitchy .vjs-play-progress {
   background-color: #b99beb;
 }
-.vjs-skin-twitchy .vjs-slider-handle.vjs-seek-handle {
+.vjs-skin-twitchy .vjs-progress-control:hover .vjs-progress-holder {
+  font-size: 1em;
+}
+.vjs-skin-twitchy .vjs-play-progress:before {
   display: none;
 }
 .vjs-skin-twitchy .vjs-progress-holder {
   height: 100%;
+  -webkit-transition: height 0.5s;
+  -moz-transition: height 0.5s;
+  -ms-transition: height 0.5s;
+  -o-transition: height 0.5s;
+  transition: height 0.5s;
+}
+.vjs-skin-twitchy .vjs-progress-control:hover .vjs-mouse-display, .vjs-skin-twitchy .vjs-progress-control:hover .vjs-mouse-display:after, .vjs-skin-twitchy .vjs-progress-control:hover .vjs-play-progress:after {
+  display: none;
 }
 .vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal {
   width: 5em;
-  height: 0.3em;
+  height: 1.6em;
 }
 .vjs-skin-twitchy .vjs-volume-level {
   background-color: #b99beb;
@@ -108,14 +125,17 @@
   left: -0.1em;
   content: "▮";
 }
-.vjs-skin-twitchy .vjs-fullscreen-control {
-  text-align: right;
-  padding-right: 5px;
+.vjs-skin-twitchy .vjs-custom-control-spacer {
+  display: flex;
   -webkit-box-flex: auto;
   -moz-box-flex: auto;
   -webkit-flex: auto;
   -ms-flex: auto;
   flex: auto;
+}
+.vjs-skin-twitchy .vjs-fullscreen-control {
+  text-align: right;
+  padding-right: 5px;
   -webkit-box-ordinal-group: 10;
   -moz-box-ordinal-group: 10;
   -ms-flex-order: 10;