From c2b41b9c77a23bd4e1b0b91c30e50428199b0a23 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Tue, 6 Sep 2022 20:09:55 +0300
Subject: [PATCH] Consider padding when calculating main column margin left

---
 src/frontend/styles/layout.pcss | 3 +--
 src/frontend/styles/vars.pcss   | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss
index f4b7f91..316ab9f 100644
--- a/src/frontend/styles/layout.pcss
+++ b/src/frontend/styles/layout.pcss
@@ -20,7 +20,6 @@
       margin: 0 auto;
       min-width: 0;
       width: 100%;
-      box-sizing: border-box;
 
       @media (--desktop) {
         margin-left: 0;
@@ -38,7 +37,7 @@
       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));
+    margin-left: max(0px, calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal));
     margin-right: auto;
 
     @media (--mobile) {
diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss
index 7d5b37e..d3acb02 100644
--- a/src/frontend/styles/vars.pcss
+++ b/src/frontend/styles/vars.pcss
@@ -29,7 +29,7 @@
   --layout-padding-horizontal: 22px;
   --layout-padding-vertical: 30px;
   --layout-sidebar-width: 290px;
-  --layout-width-main-col: 650px;
+  --layout-width-main-col: 700px;
   --layout-height-header: 56px;
 
   @media (--mobile) {