From ece3029bd99a76b3c48a1cc8c58914c5cf61f106 Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Mon, 3 Feb 2020 22:33:28 +0100
Subject: Media queries to use variables when possible

---
 client/src/sass/application.scss        | 2 +-
 client/src/sass/include/_miniature.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'client/src/sass')

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 4ad14ea5b..6bf345789 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -167,7 +167,7 @@ label {
     color: var(--mainForegroundColor);
   }
 
-  @media screen and (max-width: 500px) {
+  @media screen and (max-width: $mobile-view) {
     margin-right: 15px;
   }
 }
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index b0e07d61a..c1d1b3c59 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -240,7 +240,7 @@ $play-overlay-width: 18px;
     width: $video-miniature-width * 2;
   }
 
-  @media screen and (max-width: 500px) {
+  @media screen and (max-width: $mobile-view) {
     width: auto;
     margin: 0 !important;
 
-- 
cgit v1.2.3