Drag player div

php/footer.php

@@ -59,6 +59,6 @@
 </footer>
 
 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
 <script type="text/javascript" src="/static/dist/lib/materialize.min.js"></script>
 <script type="text/javascript" src="//cdn.socket.io/socket.io-1.3.5.js"></script>

php/header.php

@@ -16,6 +16,7 @@
 <meta property="og:title" content="Zöff"/>
 <meta property="og:description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"/>
 <meta property="og:type" content="website"/>
+<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css">
 <link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css" />
 <link rel="stylesheet" type="text/css" href="/static/css/style.css" title="Default" />
 <link rel="icon" id="favicon" type="image/png" href="/static/images/favicon.png"/>

static/css/style.css

@@ -283,6 +283,7 @@ hide mdi-action-visibility mdi-action-visibility-off
 
 #main-row{
   margin-bottom:-64px;
+  display: flex;
 }
 
 @media only screen and (min-width: 993px){
@@ -479,6 +480,7 @@ ul #chat-log{
 }
 #playlist{
     /*padding:0px 15px;*/
+    flex:1;
 }
 
 #player{

static/js/listeners.js

@@ -69,6 +69,11 @@ $(document).ready(function()
       edge: 'right', // Choose the horizontal origin
       closeOnClick: false // Closes side-nav on <a> clicks, useful for Angular/Meteor
     });
+    //awdwad
+    $(".video-container").resizable({
+        handles: "e",
+        minWidth: 350
+    });
 
 	if(localStorage[chan.toLowerCase()])
 	{