From f39fc98eabc38dcc05beafff21f07e83506e37d5 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Fri, 5 Oct 2018 10:54:15 +0300
Subject: [PATCH] fix: fix panel paddings on small screens

---
 src/common-elements/panels.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/common-elements/panels.ts b/src/common-elements/panels.ts
index 629750a8fc..acc3358452 100644
--- a/src/common-elements/panels.ts
+++ b/src/common-elements/panels.ts
@@ -7,6 +7,8 @@ export const MiddlePanel = styled.div`
 
   ${media.lessThan('medium')`
     width: 100%;
+    padding: ${props =>
+      `${props.theme.spacing.sectionVertical}px ${props.theme.spacing.sectionHorizontal}px`};
   `};
 `;
 
@@ -17,6 +19,9 @@ export const Section = withProps<{ underlined?: boolean }>(
 )`
   padding: ${props => props.theme.spacing.sectionVertical}px 0;
 
+  ${media.lessThan('medium')`
+    padding: 0;
+  `}
   ${props =>
     (props.underlined &&
       `
@@ -42,6 +47,8 @@ export const RightPanel = styled.div`
 
   ${media.lessThan('medium')`
     width: 100%;
+    padding: ${props =>
+      `${props.theme.spacing.sectionVertical}px ${props.theme.spacing.sectionHorizontal}px`};
   `};
 `;