From 334e918bc300493c3ddff784b1967434638eae00 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Mon, 7 Sep 2020 11:49:33 +0200
Subject: [PATCH] fix(article): fix top padding

---
 assets/scss/partials/layout/article.scss | 17 ++++++++++++-----
 layouts/_default/single.html             |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index f2c60ec..b12b6a8 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -1,8 +1,16 @@
 @import "variables.scss";
 
-.article-page {
+.article-and-sidebar {
     @media (min-width: $on-phone) and (max-width: $on-tablet) {
-        --main-top-padding: 30px;
+        --main-top-padding: 50px;
+    }
+}
+
+.article-page {
+    &.with-toolbar {
+        @media (max-width: $on-tablet) {
+            --main-top-padding: 0;
+        }
     }
 
     .left-sidebar {
@@ -98,12 +106,11 @@
 }
 
 #article-toolbar {
-    margin-bottom: 20px;
     display: flex;
     align-items: center;
 
-    @media (max-width: $on-phone) {
-        margin-top: 20px;
+    @media (max-width: $on-tablet) {
+        margin: 20px 0;
     }
 
     @media (min-width: $on-tablet) {
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3fe2859..ddab609 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,6 @@
 {{ define "body_class" }}2-column{{ end }}
 {{ define "main" }}
-<div class="container extended flex on-phone--column align-items--flex-start article-page">
+<div class="container extended flex on-phone--column align-items--flex-start article-page with-toolbar">
     {{ partial "sidebar/left.html" . }}
 
     <div class="flex column do-not-overflow">