From 04e0fcd0e81af1fc59f5e4559499cc44262cdf30 Mon Sep 17 00:00:00 2001
From: Mika Kuitunen <mika.kuitunen@etasku.fi>
Date: Mon, 4 Nov 2024 14:14:33 +0200
Subject: [PATCH] Post figure style tweaks

---
 assets/css/_post.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/css/_post.scss b/assets/css/_post.scss
index 1fd7f50..19cd4a8 100644
--- a/assets/css/_post.scss
+++ b/assets/css/_post.scss
@@ -15,12 +15,17 @@
 .Post-imgContentContainer {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: start;
   gap: 2em;
   margin-block: 0.5em;
 
   @media (max-width: $layout-breakpoint-s) {
     flex-direction: column;
+    align-items: center;
+
+    /* Emulate columnar image and paragraph block spacing */
+    gap: 1em;
+    margin-block: 1em 0.5em;
   }
 }
 
@@ -45,6 +50,10 @@
   flex-direction: column;
 }
 
+.Post-imgAdjacentContent > :first-child {
+  margin-block-start: 0;
+}
+
 .Post-figure {
   display: flex;
   flex-direction: column;
@@ -65,7 +74,7 @@
 }
 
 .Post-img {
-  --Post-img-max-height: Min(960px, 80vh);
+  --Post-img-max-height: Min(960px, 75vh);
 
   width: 100%;
   max-width: Min(