Working on mobile and desktop

server/handlers/list_change.js

@@ -505,7 +505,11 @@ function add_function(arr, coll, guid, offline, socket) {
                         });
                     }
                 } else {
-                    socket.emit("auth_required");
+                    if((arr.hasOwnProperty("offsiteAdd") && !arr.offsiteAdd) || !arr.hasOwnProperty("offsiteAdd")) {
+                        socket.emit("auth_required");
+                    } else {
+                        socket.emit("toast", "listhaspass");
+                    }
                 }
             });
         });

server/public/assets/css/style.css

@@ -2580,6 +2580,11 @@ nav ul li:hover, nav ul li.active {
     padding-left: 3px;
 }
 
+#addToOtherList {
+    margin-right: 5px;
+    height: 100% !important;
+}
+
 #duration, #viewers
 {
     margin-top:5px;
@@ -3692,6 +3697,14 @@ nav ul li:hover, nav ul li.active {
         width: 80% !important;
     }
 
+    #addToListInput {
+        top: -60px;
+    }
+
+    #addToOtherList {
+        padding: 0 10px;
+    }
+
     .result-object-slid {
         /*-webkit-transform: translateX(calc(-100% + 45px)) !important;
         transform: translateX(calc(-100% + 45px)) !important;*/

server/public/partials/channel/players.handlebars

@@ -66,7 +66,7 @@
                 <div id="volume"></div>
             </div>
             <div id="viewers" data-position="top"></div>
-            <div id="addToOtherList" class="playbar-btn hide-on-small-only">
+            <div id="addToOtherList" class="playbar-btn">
                 <i class="material-icons">playlist_add</i>
             </div>
             <div id="bar"></div>