From 3a9cfcbbff041744f88df11a63ed180fcd17509c Mon Sep 17 00:00:00 2001
From: Steve Jalim <stevejalim@mozilla.com>
Date: Sat, 15 Jun 2024 13:59:05 +0100
Subject: [PATCH] Update blog page CSS to ensure it has margins even on small
 viewports; adjust top spacing to allow for breadcrumbs being present (or not)
 (#403)

---
 CHANGELOG.md                                         | 7 +++++++
 birdbox/microsite/templates/microsite/blog_page.html | 2 +-
 src/css/blog.scss                                    | 5 +++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 19db34e4..05ecda18 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,13 @@ Nothing yet
 
 Nothing yet
 
+## [1.8.4]
+
+### Changed
+
+* Move .env-example file to root dir to make it easier to find
+* Fix padding for Blog posts, including when no breadcrumbs are present
+
 ## [1.8.3]
 
 ### Changed
diff --git a/birdbox/microsite/templates/microsite/blog_page.html b/birdbox/microsite/templates/microsite/blog_page.html
index 168e83fa..b6a00f7f 100644
--- a/birdbox/microsite/templates/microsite/blog_page.html
+++ b/birdbox/microsite/templates/microsite/blog_page.html
@@ -12,7 +12,7 @@
 
 {% breadcrumbs page %}
 
-<div class="{% get_layout_class_from_page %}">
+<div class="mzp-l-content {% if page.specific.show_breadcrumbs %}page-has-breadcrumbs {% endif %} {% get_layout_class_from_page %}">
   <article class="bb-c-article">
     <h1 class="bb-c-article-title">{{page.title}}</h1>
 
diff --git a/src/css/blog.scss b/src/css/blog.scss
index dd1f84eb..4488274f 100644
--- a/src/css/blog.scss
+++ b/src/css/blog.scss
@@ -14,6 +14,7 @@
     padding-bottom: $layout-md;
 }
 
+
 .blog-tags-list {
     list-style: none;
 }
@@ -50,3 +51,7 @@
     margin-top: $spacing-xl;
     margin-left: 0;
 }
+
+.blogpost .mzp-l-content.page-has-breadcrumbs{
+    padding-top: 0;
+}