From 47eda6beae5cf98196914c9baf94138651c9fd84 Mon Sep 17 00:00:00 2001
From: "Nicolas A. Tonne" <nixatto@gmail.com>
Date: Mon, 27 Apr 2015 16:10:59 +0200
Subject: [PATCH] Mobile styling

---
 static/css/style.css | 18 ++++++++++++++----
 static/js/list.js    |  3 +--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 622de024..21f4971b 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -14,6 +14,7 @@ body {
     display: flex;
     min-height: 100vh;
     flex-direction: column;
+    overflow-x: hidden;
 }
 
 /* global colors */
@@ -100,6 +101,15 @@ display: inline;
         width: calc(90% - 256px - 130px);
         left: initial;
     }
+    .title-container li {
+      width: 84%;
+    }
+    #playlist{
+        padding:0px 15px;
+        overflow: hidden;
+        height: 90%;
+        height: calc(100% - 64px);
+    }
 }
 
 .fullwidth{
@@ -158,6 +168,7 @@ display: inline;
 
 .share, .shareface{
     padding-left: 10px !important;
+    width: 17em;
 }
 
 .shareface {background-color: rgb(42, 134, 200) !important;}
@@ -226,9 +237,6 @@ hide mdi-action-visibility mdi-action-visibility-off
 .video-container{
     height: calc(100% - 64px);
 }
-#playlist{
-    padding:0px 15px;
-}
 
 .control-list{
     position: fixed;
@@ -246,7 +254,6 @@ hide mdi-action-visibility mdi-action-visibility-off
 .title-container li{
     height: 64px;
     height:100%;
-    width: 84%;
     padding: 0 15px;
 }
 
@@ -272,6 +279,9 @@ hide mdi-action-visibility mdi-action-visibility-off
     width: initial;
     padding-right: 3%;
 }
+#playlist{
+    padding:0px 15px;
+}
 
 #player{
   height:95%;
diff --git a/static/js/list.js b/static/js/list.js
index 9844b912..3b8c8201 100755
--- a/static/js/list.js
+++ b/static/js/list.js
@@ -84,8 +84,7 @@ function populate_list(msg, conf_only)
 				{
 					player_name = "#jplayer";
 				}else player_name = "#player";
-				$("#playlist").css({height: $(".video-container").height()-5});
-				$("#playlist").css({overflow: "hidden"});
+				
 				if(scroller === false)
 				{
 					myScroll = new IScroll('#playlist', {