From 135fb24873e3dd18d28b247587145b6857272ef5 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 9 Feb 2019 15:25:30 -0800
Subject: [PATCH] fix indicator button size on small screens (#954)

---
 .../dialog/components/MediaDialog.html           | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/routes/_components/dialog/components/MediaDialog.html b/src/routes/_components/dialog/components/MediaDialog.html
index e309f574..d12abdd8 100644
--- a/src/routes/_components/dialog/components/MediaDialog.html
+++ b/src/routes/_components/dialog/components/MediaDialog.html
@@ -136,16 +136,22 @@
     visibility: hidden;
   }
 
-  @media (min-width: 768px) {
-    :global(.media-control-button) {
-      margin: 0 5px;
+  :global(.icon-button.media-control-button) {
+    margin: 0 5px;
+  }
+
+  @media (max-width: 767px) {
+    :global(.icon-button.media-control-button) {
+      margin: 0;
+      padding-left: 5px;
+      padding-right: 5px;
     }
   }
 
   @media (max-width: 320px) {
     :global(.icon-button.media-control-button) {
-      padding-left: 5px;
-      padding-right: 5px;
+      padding-left: 2px;
+      padding-right: 2px;
     }
   }