From eed4da485c9d76736ca9c89beae05ebc3731a3b6 Mon Sep 17 00:00:00 2001
From: azeezolaniran2016 <azeezolaniran2016@gmail.com>
Date: Sat, 29 Apr 2017 01:50:34 +0100
Subject: [PATCH] Fix footer and player overlapping (#653)

---
 src/components/Audioplayer/style.scss |  1 +
 src/components/Footer/style.scss      | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Audioplayer/style.scss b/src/components/Audioplayer/style.scss
index eecb3d786..ba8b44253 100644
--- a/src/components/Audioplayer/style.scss
+++ b/src/components/Audioplayer/style.scss
@@ -6,6 +6,7 @@
   display: block;
   user-select: none;
   height: auto;
+  z-index: 1;
   padding: 10px 20px 5px;
   background: #fff;
   box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.2);
diff --git a/src/components/Footer/style.scss b/src/components/Footer/style.scss
index beabe666b..52c030b4e 100644
--- a/src/components/Footer/style.scss
+++ b/src/components/Footer/style.scss
@@ -1,6 +1,7 @@
+@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables";
 .footer{
   background-color: #32312C;
-  padding: 3% 0%;
+  padding: 3% 0% 5% 0%;
   font-size: 14px;
   margin-top: 50px;
 
@@ -31,6 +32,14 @@
     }
   }
 
+  @media(max-width: $screen-sm-max){
+    padding-bottom: 7%;
+  }
+
+  @media(max-width: $screen-sm){
+    padding-bottom: 9%;
+  }
+  
   :global(a){
     -webkit-transition: color .15s ease-in-out;
     -moz-transition: color .15s ease-in-out;