From d4ce583fc49718dbdf58a42afc49c21476fad006 Mon Sep 17 00:00:00 2001
From: Ike Saunders <ikesau@protonmail.com>
Date: Tue, 26 Sep 2023 22:04:21 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20left-align=20all=20gdocs=20topic=20?=
 =?UTF-8?q?page=20headers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/gdocs/AllCharts.scss        |  2 +-
 site/gdocs/centered-article.scss |  2 +-
 site/gdocs/topic-page.scss       | 12 +++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/site/gdocs/AllCharts.scss b/site/gdocs/AllCharts.scss
index 33275ef188e..2cc769a98a5 100644
--- a/site/gdocs/AllCharts.scss
+++ b/site/gdocs/AllCharts.scss
@@ -1,6 +1,6 @@
 .article-block__all-charts {
     h1.h1-semibold {
-        text-align: center;
+        margin-bottom: 40px;
     }
 
     figure[data-grapher-src] {
diff --git a/site/gdocs/centered-article.scss b/site/gdocs/centered-article.scss
index 1a4d20b3e42..ffe9ea1deeb 100644
--- a/site/gdocs/centered-article.scss
+++ b/site/gdocs/centered-article.scss
@@ -502,7 +502,7 @@ h3.article-block__heading.has-supertitle {
 .article-block__explorer {
     // width is necessary for containerNode.getBoundingClientRect() in Grapher.renderGrapherIntoContainer
     width: 100%;
-    margin: 24px 0 48px 0;
+    margin: 16px 0 48px 0;
 
     figure {
         margin: 0;
diff --git a/site/gdocs/topic-page.scss b/site/gdocs/topic-page.scss
index 405914ff0bb..519cadf3df6 100644
--- a/site/gdocs/topic-page.scss
+++ b/site/gdocs/topic-page.scss
@@ -173,12 +173,22 @@
     }
 }
 
+// small amount of extra padding to match figma designs which is 40px total for key-insights heading
+.article-block__heading + .wp-block-owid-key-insights {
+    margin-top: 8px;
+}
+
 .article-block__gray-section {
     > h1 {
-        text-align: center;
         // Countering the gray-section padding to make this have 32px 16px
         margin-top: -16px;
         margin-bottom: 16px;
+
+        // Special exception for the "Explore data on Blah" heading (which is a gdoc .article-block__heading)
+        // so that it's left-aligned like the rest of the topic page component headings
+        &[id^="explore"] {
+            grid-column-start: 2;
+        }
     }
 
     .article-block__text,