From 520614a3c5d1382dfa1e3ed665e952abf8a49424 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Mon, 16 Oct 2023 21:35:58 +0100
Subject: [PATCH] Move "view all" link above similar content

Easier to see
---
 static/src/scss/_similar_content.scss           | 6 ++++--
 website/blog/templates/blog/blog_post_page.html | 7 ++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/static/src/scss/_similar_content.scss b/static/src/scss/_similar_content.scss
index b0add4f..145892a 100644
--- a/static/src/scss/_similar_content.scss
+++ b/static/src/scss/_similar_content.scss
@@ -4,12 +4,14 @@ section#similar-content {
   align-items: center;
   margin-top: 2rem;
 
-  .subtitle {
+  h2 {
     color: inherit;
+    margin-bottom: 0;
   }
 
   .view-all {
-    margin: $block-spacing 0;
+    margin-top: 0.25rem;
+    margin-bottom: 0.5rem;
   }
 
   .media {
diff --git a/website/blog/templates/blog/blog_post_page.html b/website/blog/templates/blog/blog_post_page.html
index 2b40811..7c4928d 100644
--- a/website/blog/templates/blog/blog_post_page.html
+++ b/website/blog/templates/blog/blog_post_page.html
@@ -10,15 +10,16 @@
       <section class="container similar-content" id="similar-content">
         <h2 class="subtitle is-size-2">Similar content</h2>
 
+        <p class="view-all">
+          <a href="{{ page.blog_post_list_page_url }}">View all &rarr;</a>
+        </p>
+
         {% for page in page.get_similar_posts %}
           {% block listing_item %}
             {% include "common/listing-item.html" %}
           {% endblock %}
         {% endfor %}
 
-        <p class="subtitle view-all">
-          <a href="{{ page.blog_post_list_page_url }}">View all &rarr;</a>
-        </p>
       </section>
     {% endcache %}
   {% endif %}