Fix footer and player overlapping (#653) (#788)

quran · May 13, 2017 · 8197e5a · 8197e5a
1 parent 042c8b0
commit 8197e5a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git 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
@@ -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;