moved chromecast to top

server/public/assets/css/style.css

@@ -1969,10 +1969,11 @@ nav .zbrand.channel-logo-container {
 
 .castButton {
   /* display: none; !important*/
-  height: 32px;
+  /*  height: 32px;
   width: 32px;
-  padding-top: 3px;
-  padding-bottom: 2px;
+*/
+  padding: 20px 0px;
+  height: 64px;
   background: transparent;
   border: none;
   float: right;
@@ -2681,10 +2682,19 @@ margin-right: 52%;
   margin-left: 10px;
 }
 
-.skip_next_client {
+.skip_next_client,
+.cast-button-header {
   float: left;
 }
 
+.cast-button-header {
+  display: none;
+  height: 64px;
+  width: 64px;
+  justify-content: center;
+  align-items: center;
+}
+
 #volume-button {
   padding-top: 3px;
   padding-left: 2px;

server/public/assets/js/channel.js

@@ -419,7 +419,7 @@ var Channel = {
     if (!Helper.mobilecheck() && !client) {
       Helper.tooltip(".castButton", {
         delay: 5,
-        position: "top",
+        position: "bottom",
         html: "Cast Zoff to TV"
       });
     }
@@ -451,7 +451,7 @@ var Channel = {
       !Helper.mobilecheck() &&
       !client
     ) {
-      Helper.css(".castButton", "display", "none");
+      Helper.css(".cast-button-header", "display", "none");
     }
 
     Helper.log([

server/public/assets/js/listeners.js

@@ -457,7 +457,7 @@ initializeCastApi = function() {
     function(event) {
       Helper.log(["cast state", event.castState]);
       if (event.castState == "NOT_CONNECTED") {
-        Helper.css(".castButton", "display", "block");
+        Helper.css(".cast-button-header", "display", "inline-flex");
         Helper.addClass(".volume-container", "volume-container-cast");
         cast_ready_connect = true;
         var _chSeen;
@@ -489,7 +489,7 @@ initializeCastApi = function() {
   );
 
   if (context.getCastState() == "NOT_CONNECTED") {
-    Helper.css(".castButton", "display", "block");
+    Helper.css(".cast-button-header", "display", "inline-flex");
     Helper.removeClass(".castButton", "castButton-white-active");
     cast_ready_connect = true;
   }

server/public/partials/channel/header.handlebars

@@ -37,7 +37,9 @@
                             </div>
                         </div>
                     </li>
-
+                    <li class="cast-button-header">
+                      <button class="castButton playbar-btn" id="castButton" is="google-cast-button"></button>
+                    </li>
                     <li class="skip_next_client">
                         <div class="nav-btn skip">
                             <i class="material-icons">skip_next</i>

server/public/partials/channel/players.handlebars

@@ -55,7 +55,6 @@
             <div id="fullscreen" class="hide-on-small-only playbar-btn">
                 <i class="material-icons">fullscreen</i>
             </div>
-            <button class="castButton playbar-btn" id="castButton" is="google-cast-button"></button>
             <div id="volume-button" class="playbar-btn">
                 <i id="v-mute" class="material-icons">volume_off</i>
                 <i id="v-low" class="material-icons">volume_mute</i>