From f16f550204130c2b15edd8d80c339f6f56e9ed4f Mon Sep 17 00:00:00 2001
From: alectrocute <35377827+alectrocute@users.noreply.github.com>
Date: Sun, 12 Jul 2020 23:18:24 -0700
Subject: [PATCH] only show shortcut button when screen width is < 768px

---
 client/src/components/video.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/src/components/video.vue b/client/src/components/video.vue
index 4a26faea..17338cd0 100644
--- a/client/src/components/video.vue
+++ b/client/src/components/video.vue
@@ -29,7 +29,7 @@
       <ul v-if="!fullscreen" class="video-menu">
         <li><i @click.stop.prevent="requestFullscreen" class="fas fa-expand"></i></li>
         <li v-if="admin"><i @click.stop.prevent="onResolution" class="fas fa-desktop"></i></li>
-        <li>
+        <li class="request-control">
           <i
             :class="[hosted && !hosting ? 'disabled' : '', !hosted && !hosting ? 'faded' : '', 'fas', 'fa-keyboard']"
             @click.stop.prevent="toggleControl"
@@ -79,6 +79,16 @@
               color: rgba($color: $style-error, $alpha: 0.4);
             }
           }
+
+          &.request-control {
+            display: none;
+          }
+
+          @media (max-width: 768px) {
+            &.request-control {
+              display: inline-block;
+            }
+          }
         }
       }