From 0a5a6d30cc1b1bbcce9422b05ab8d6104f6babde Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Mon, 28 Aug 2017 22:52:23 +0800
Subject: [PATCH] Fix up negative margins

---
 _sass/2017/components/h3-section-list.scss |  5 ++++-
 _sass/2017/components/page-actions.scss    | 13 +++++++++++++
 _sass/2017/utils/heading-style.scss        |  4 +---
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/_sass/2017/components/h3-section-list.scss b/_sass/2017/components/h3-section-list.scss
index f2116987f..7bc4a96bc 100644
--- a/_sass/2017/components/h3-section-list.scss
+++ b/_sass/2017/components/h3-section-list.scss
@@ -5,7 +5,10 @@
 
 .h3-section-list {
   & {
-    margin: 0 auto;
+    @include gutter(margin-left, $multiplier: -1);
+    @include gutter(margin-right, $multiplier: -1);
+    margin-top: 0;
+    margin-bottom: 0;
   }
 
   // Clearfix
diff --git a/_sass/2017/components/page-actions.scss b/_sass/2017/components/page-actions.scss
index 42cbb90f2..834eb933a 100644
--- a/_sass/2017/components/page-actions.scss
+++ b/_sass/2017/components/page-actions.scss
@@ -75,5 +75,18 @@
     border-radius: 2px;
     padding: 0 16px;
     margin: 0 8px;
+
+    & > .text {
+      margin-left: 4px;
+    }
+  }
+
+  // Collapse
+  & > .link:first-child > a {
+    margin-left: 0;
+  }
+
+  & > .link:last-child > a {
+    margin-right: 0;
   }
 }
diff --git a/_sass/2017/utils/heading-style.scss b/_sass/2017/utils/heading-style.scss
index 969e423c4..2bc233d6e 100644
--- a/_sass/2017/utils/heading-style.scss
+++ b/_sass/2017/utils/heading-style.scss
@@ -1,5 +1,5 @@
 @mixin heading-style {
-  margin: $gut;
+  margin: 0;
   padding: 0;
   margin-bottom: 16px + 8px;
   padding-bottom: 16px + 8px;
@@ -7,14 +7,12 @@
   border-bottom: solid 1px $dark-line-color;
 
   @media (max-width: 768px) {
-    margin: $gut;
     margin-bottom: 8px;
     margin-top: 32px;
     padding-bottom: 8px;
   }
 
   @media (max-width: 480px) {
-    margin: $gut-small;
     margin-bottom: 8px;
     margin-top: 32px;
     padding-bottom: 8px;