Use padding instead of margin so that overflow behavior is a little s…

…aner on mobile Safari.
ggreer · May 7, 2018 · 1a219ce · 1a219ce
1 parent efbe58b
commit 1a219ce
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/public/style/_layout.scss b/frontend/public/style/_layout.scss
@@ -30,11 +30,11 @@ body {
  -webkit-overflow-scrolling: touch; // Scroll with momentum
  flex: 1 1 auto;
  @media (max-width: $grid-float-breakpoint) {
- margin-top: $masthead-height-mobile;
+ padding-top: $masthead-height-mobile;
  }
  @media (min-width: $grid-float-breakpoint) {
- margin-left: $sidebar-width;
- margin-top: $masthead-height-desktop;
+ padding-left: $sidebar-width;
+ padding-top: $masthead-height-desktop;
  }
 }