From 1c861d83164bbeb9f0cd3548042ce22f7f5e7ced Mon Sep 17 00:00:00 2001
From: Alexander Borsuk <me@alex.bio>
Date: Wed, 29 Jun 2022 09:30:39 +0200
Subject: [PATCH] Fixed news layout

---
 sass/main.scss      | 10 ++++++++++
 templates/news.html |  6 +++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/sass/main.scss b/sass/main.scss
index 6b55e595..5d25308f 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -84,6 +84,10 @@ footer {
   #badges a {
     margin: 20px auto;
   }
+
+  .news_content_image {
+    flex-wrap: wrap;
+  }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -207,11 +211,17 @@ footer {
 img {
   max-width: 90%;
 }
+.news_content_image {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
 .news_image {
   max-height: 520px;
   margin-left: 0.5rem;
   display: inline-block;
   vertical-align: top;
+  width: auto;
 }
 .news_content {
   display: inline-block;
diff --git a/templates/news.html b/templates/news.html
index 61a1c9c3..4edb5436 100644
--- a/templates/news.html
+++ b/templates/news.html
@@ -15,10 +15,14 @@
 {% set s = get_section(path=section) %}
 {% for post in s.pages %}
 <div class="news_date">&nbsp;<a href="{{ post.path }}">{{ post.date | date(format='%B %e, %Y') }}</a>&nbsp;</div>
-<div class="news_content">{{ post.content | safe }}</div>
+<div class="news_content_image">
+{% if post.content %}
+  <div class="news_content">{{ post.content | safe }}</div>
+{% endif %}  
 {% for photo in post.assets %}
 <img class="news_image" src="{{ post.path }}/{{ photo | split(pat='/') | last }}" />
 {% endfor %}
+</div>
 {% endfor %}
 {% endfor %}