From d973ff0aa13d14cc93abfd6a45e3f4fad4d2d5ec Mon Sep 17 00:00:00 2001
From: Sean King <seanking2919@protonmail.com>
Date: Sat, 4 Jul 2020 18:00:21 +0000
Subject: [PATCH] Fix media modal

---
 app/styles/components/audio-player.scss | 2 ++
 app/styles/components/modal.scss        | 9 ++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/styles/components/audio-player.scss b/app/styles/components/audio-player.scss
index 5de07b3aa..551e19bc9 100644
--- a/app/styles/components/audio-player.scss
+++ b/app/styles/components/audio-player.scss
@@ -365,6 +365,8 @@
     width: 100vmin;
     height: 80px;
 
+    @media screen and (max-width: 790px) { width: 80vmin; }
+
     .audio-player__buttons {
       button {
         padding-top: 10px;
diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss
index 14db46afb..5cc3c4073 100644
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@@ -103,7 +103,7 @@
   background: rgba($base-overlay-background, 0.5);
   box-sizing: border-box;
   border: 0;
-  color: var(--primary-text-color);
+  color: #fff;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -114,6 +114,12 @@
   position: absolute;
   top: 0;
   bottom: 0;
+
+  @media screen and (max-width: 600px) { padding: 30px 2px; }
+
+  .fa {
+    margin-right: 0;
+  }
 }
 
 .media-modal__nav--left {
@@ -182,6 +188,7 @@
   right: 8px;
   top: 8px;
   z-index: 100;
+  color: #fff;
 }
 
 .onboarding-modal,