Decrease content area padding on small screens (#684)

538e9add · Tyler Hallada · GitHub · 0e5bafd8 · 538e9add
Commit 538e9add authored Jun 06, 2017 by Tyler Hallada Committed by GitHub Jun 06, 2017
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 1 deletions

analytics_dashboard/static/sass/_base.scss
+4 -1

No files found.
--- a/analytics_dashboard/static/sass/_base.scss
+++ b/analytics_dashboard/static/sass/_base.scss
@@ -393,11 +393,14 @@ dl {
 // --------------------
 .view-dashboard, .view-course-list {
  .main {
-    padding: ($padding-large-vertical*2) ($padding-large-horizontal*3);
+    padding: ($padding-large-vertical*2) $padding-small-horizontal;
  }

  // CASE: larger than small screen breakpoint
  @media (min-width: $screen-sm-min) {
+    .main {
+      padding: ($padding-large-vertical*2) ($padding-large-horizontal*3);
+    }

    .sidebar {
      position: fixed;