small styling fixes

1 files changed, 7 insertions, 4 deletions

diff --git a/apps/Player/styles/_player.scss b/apps/Player/styles/_player.scss
index 0d73b59..abc6582 100644
--- a/apps/Player/styles/_player.scss
+++ b/apps/Player/styles/_player.scss
@@ -1,11 +1,10 @@
 .player {
-  height: 100%;
   width: 100%;
   position: relative;
   background-color: #000;
 
   & > div:nth-of-type(1) {
-    height: calc(100% - 2em);
+    height: 100%;
     width: 100%;
     padding-bottom: .5em;
 
@@ -18,7 +17,9 @@
 
 
   & > div:nth-of-type(2)  {
-    overflow-y: auto;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
   }
 
   & > div:nth-of-type(2),
@@ -32,6 +33,7 @@
 
     @media(max-width: 40em) {
       width: 96%;
+      bottom: 0;
     }
 
     ul {
@@ -50,7 +52,7 @@
 
       & > span:nth-of-type(2) {
         flex-grow: 1;
-        overflow-x: hidden;
+        overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
       }
@@ -118,6 +120,7 @@
 
     & > div:first-of-type {
       overflow-y: auto;
+      overflow-x: hidden;
       padding: 1em;
       height: 100%;
     }