fix: fix panel paddings on small screens

Redocly · Oct 5, 2018 · f39fc98 · f39fc98
1 parent 974bc7d
commit f39fc98
Showing 1 changed file with 7 additions and 0 deletions.
diff --git 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`};
   `};
 `;