✨ data insight CSS updates

owid · Jan 14, 2025 · c75e7ce · c75e7ce
1 parent 5a222d7
commit c75e7ce
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/site/gdocs/pages/DataInsight.scss b/site/gdocs/pages/DataInsight.scss
@@ -41,35 +41,35 @@
 .data-insight-body {
     background-color: #fff;
     padding: 24px;
-    margin-bottom: 48px;
+    margin-bottom: 30px;
 
     h1 {
         margin-top: 0;
-        margin-bottom: 12px;
+        margin-bottom: 8px;
+        font-size: 1.875rem;
     }
 
     .article-block__image {
         outline: 1px solid $blue-10;
         margin-top: 24px;
     }
 
+    .article-block__text {
+        font-size: 1rem;
+    }
+
     @include md-down {
         padding: 16px;
         margin-bottom: 24px;
 
         h1 {
-            font-size: 1.625rem;
-            margin-bottom: 12px;
+            font-size: 1.375rem;
         }
 
         .article-block__image {
             margin-top: 16px;
             margin-bottom: 24px;
         }
-
-        .article-block__text {
-            font-size: 1rem;
-        }
     }
 }
 

diff --git a/site/gdocs/pages/DataInsight.tsx b/site/gdocs/pages/DataInsight.tsx
@@ -54,7 +54,7 @@ const RelatedTopicsList = ({
     if (!tags?.length) return null
     return (
         <div className={cx(className, "data-insights-related-topics")}>
-            <p className="body-2-semibold">Related topic pages:</p>
+            <p className="body-3-regular">Related topic pages:</p>
             <ul>
                 {tags.map((tag) => (
                     <li key={tag.name}>