From 7b290fc33a50874876016e2d8ecbc763ee821a41 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Tue, 6 Sep 2022 20:20:48 +0300
Subject: [PATCH] Mobile layout fix

---
 src/frontend/styles/layout.pcss | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss
index 316ab9f..5ff9f4e 100644
--- a/src/frontend/styles/layout.pcss
+++ b/src/frontend/styles/layout.pcss
@@ -33,15 +33,16 @@
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
-    max-width: min(
-      calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)),
-      calc(100vw - var(--layout-sidebar-width))
-    );
-    margin-left: max(0px, calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal));
-    margin-right: auto;
+    padding: 20px var(--layout-padding-horizontal);
 
-    @media (--mobile) {
-      padding: 20px var(--layout-padding-horizontal);
+    @media (--desktop) {
+      max-width: min(
+        calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)),
+        calc(100vw - var(--layout-sidebar-width))
+      );
+      margin-left: max(0px, calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal));
+      margin-right: auto;
+      padding: 0;
     }
   }