From 86215df9239e49e687e79e5f31c152047cd6edeb Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Thu, 10 Oct 2024 07:46:35 -0700
Subject: [PATCH] Merge pull request #20944 from overleaf/jel-blog-spacing

[web] Update blog vertical spacings to match Figma

GitOrigin-RevId: ef3ad8ba3228134343fcf58ae0ce1b91d6d94860
---
 .../bootstrap-5/components/blog-posts.scss    | 27 +++++++++++++++++++
 .../bootstrap-5/pages/content.scss            |  4 ---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss b/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss
index c0bc9d6dcd..83a285a660 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss
@@ -2,8 +2,21 @@
   v2
   Blog Pages
 */
+
+.blog-container,
+.blog-tagged-list-container,
+.blog-post-main-container {
+  h1 {
+    margin-bottom: 0;
+  }
+}
+
 .blog-container {
+  margin-top: var(--spacing-16);
+
   .blog-list-container-title {
+    margin-top: 0; // needed to override bootstrap * + h1
+
     small {
       @include body-lg;
 
@@ -14,7 +27,21 @@
   }
 }
 
+.blog-tagged-list-container {
+  margin-top: var(--spacing-10);
+
+  .blog-list-container-title {
+    margin-top: var(--spacing-11);
+  }
+}
+
+.blog-post-main-container {
+  margin-top: var(--spacing-10);
+}
+
 .blog {
+  margin-top: var(--spacing-16);
+
   img {
     max-width: 100%;
   }
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
index 8cc82b3eae..78ae454e90 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
@@ -84,10 +84,6 @@
     }
   }
 
-  .content-container > section:first-child {
-    padding-top: var(--spacing-15);
-  }
-
   section.no-top-padding {
     /* opt out of padding via the CMS */
     padding-top: 0;