From 8ff3f88347cb733ca8a3978ba6eb9763fb3ea294 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 5 Sep 2018 11:20:44 +0200 Subject: Fix watch page responsive --- client/src/sass/application.scss | 4 ++-- client/src/sass/include/_variables.scss | 3 +++ 2 files changed, 5 insertions(+), 2 deletions(-) (limited to 'client/src/sass') diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index c380fe5bf..fd0d5e458 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -307,7 +307,7 @@ table { font-weight: $font-semibold; } -@media screen and (max-width: 1000px) { +@media screen and (max-width: 1200px) { .main-col { &.expanded { .margin-content { @@ -337,7 +337,7 @@ table { } } -@media screen and (max-width: 600px) { +@media screen and (max-width: $small-view) { .main-col { margin-left: 0; diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 792a3f9c2..fb253fc1f 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss @@ -1,3 +1,6 @@ +$small-view: 800px; +$mobile-view: 500px; + $main-fonts: 'Source Sans Pro', sans-serif; $font-regular: 400; $font-semibold: 600; -- cgit v1.2.3