Fixed issue with skip and prev button being misaligned

server/public/assets/css/style.css

@@ -1525,8 +1525,10 @@ ul #chat-log{
 
 .castButton{
     /* display: none; !important*/
+    height: 32px;
     width: 32px;
-    margin-top: 4px;
+    padding-top: 3px;
+    padding-bottom: 2px;
     background: transparent;
     border: none;
     float: right;
@@ -2013,9 +2015,13 @@ nav ul li:hover, nav ul li.active {
 .skip.playbar, .prev.playbar {
   float:left;
   font-size: 24px;
+  cursor: pointer;
+  height: 32px;
+  line-height: 31px;
 }
 
 .playbar-btn {
+  cursor: pointer;
   transition: background-color .2s;
 }
 
@@ -2053,7 +2059,8 @@ nav ul li:hover, nav ul li.active {
   float:right;
   color:white;
   margin-right:15px;
-  margin-top: 2px;
+  /* margin-top: 2px; */
+  padding-top: 4px;
 }
 
 #duration, #viewers
@@ -2082,7 +2089,7 @@ nav ul li:hover, nav ul li.active {
 {
   font-size: 24px;
   cursor:pointer;
-  height: 33px;
+  height: 32px;
   line-height: 31px;
 }
 

server/public/layouts/channel.handlebars

@@ -197,16 +197,16 @@
                 </div>
             </div>
             <div id="controls" class="noselect">
-                <a class="playbar-btn prev playbar hide" href="#prev">
+                <div class="playbar-btn prev playbar hide">
                     <i class="material-icons">skip_previous</i>
-                </a>
+                </div>
                 <div id="playpause" class="playbar-btn margin-playbar">
                     <i id="play" class="material-icons hide">play_arrow</i>
                     <i id="pause" class="material-icons">pause</i>
                 </div>
-                <a class="playbar-btn skip playbar" href="#skip">
+                <div class="playbar-btn skip playbar">
                     <i class="material-icons">skip_next</i>
-                </a>
+                </div>
                 <div id="duration"></div>
                 <div id="fullscreen" class="hide-on-small-only">
                     <i class="material-icons">fullscreen</i>