From 4b85698070a34fb1621a6709f8b7d05081d33012 Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Tue, 20 Aug 2024 15:21:39 -0600
Subject: [PATCH] article page fixes

---
 single.php |  2 +-
 style.css  | 21 ++++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/single.php b/single.php
index ea812f9..a611ffd 100644
--- a/single.php
+++ b/single.php
@@ -34,7 +34,7 @@
                     if (function_exists('get_field')) {
                         $related_posts = get_field('related_posts', $post_id);
                         if (isset($related_posts)) : ?>
-                            <div class="st-main-grid">
+                            <div class="st-sub-grid">
                                 <h3>Related Articles</h3>
                                 <div class="st-article-section-related-articles">
                                     <?php foreach ($related_posts as $post) : setup_postdata($post);
diff --git a/style.css b/style.css
index aad5d9d..984191a 100644
--- a/style.css
+++ b/style.css
@@ -160,6 +160,11 @@ LAYOUT
     grid-template-columns: minmax(1em, 1fr) minmax(260px, 725px) minmax(1em, 1fr);
 }
 
+.st-sub-grid {
+    display: grid;
+    grid-template-columns: minmax(260px, 1400px);
+}
+
 .st-main-grid > * {
     grid-column: 2;
 }
@@ -774,7 +779,8 @@ SECTIONS
     }
 
     .st-ad-section-long-post-end {
-        grid-column: 1 / span 4 !important;
+        grid-column: 1 / span 3;
+        margin-top: 1em;
     }
 }
 
@@ -1184,8 +1190,7 @@ COMPONENTS
 
 @media (min-width: 1200px) {
     .st-article {
-        max-width: 850px;
-        margin: 0 auto;
+        max-width: 1000px;
         grid-column: 1 / span 3;
     }
 
@@ -1319,20 +1324,22 @@ a.page-numbers,
     }
 }
 
+
+
 .discourse-comments-area {
-    margin: 1em;
+    margin: 1em 0;
 }
 
 @media (min-width: 760px) {
-    .discourse-comments-area {
+    .discourse-comments-area,
+    .comments-area {
         grid-column: 1 / span 3;
     }
 }
 
 @media (min-width: 1200px) {
     .discourse-comments-area {
-        max-width: 850px;
-        margin: 1em auto;
+        max-width: 1000px;
     }
 }