From 73671c639a5cdc6694e5f7c1877be56909dc3bdb Mon Sep 17 00:00:00 2001
From: Josef Citrine <josefcitrine@googlemail.com>
Date: Tue, 12 Jul 2016 00:58:40 +0100
Subject: [PATCH] Make track player work cross browser

---
 resources/assets/styles/components/player.less | 3 ++-
 resources/assets/styles/layout.less            | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/assets/styles/components/player.less b/resources/assets/styles/components/player.less
index 319af696..cd3b5e51 100644
--- a/resources/assets/styles/components/player.less
+++ b/resources/assets/styles/components/player.less
@@ -105,7 +105,7 @@ body.is-logged {
     bottom: 58px;
     left: 64px;
     width: 100%;
-    width: ~"calc(100% - 244px)";
+    width: ~"calc(100% - 64px)";
 
     .bar {
       z-index: 500;
@@ -131,6 +131,7 @@ body.is-logged {
     padding: 0px;
     float: right;
     margin-top: 12px;
+    margin-right: 5px;
 
     li.status {
       font-size: 14px;
diff --git a/resources/assets/styles/layout.less b/resources/assets/styles/layout.less
index 13b6470c..dd91a3ca 100644
--- a/resources/assets/styles/layout.less
+++ b/resources/assets/styles/layout.less
@@ -70,12 +70,12 @@ header {
 }
 
 .now-playing {
-  margin-left: @pfm-sidebar-size;
   height: 64px;
   background: #fff;
   border-bottom: 1px solid #bcbcbc;
   position: fixed;
-  width: 100%;
+  width: ~"calc(100% - 180px)";
+  right: 0;
   bottom: 0;
   z-index: 1010;
   box-shadow: 0 0 6px rgba(0,0,0,0.3);