From a39ed9a78779688847506b780856d4f293018683 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenzo=20Dellac=C3=A0?= <lorenzo.dellaca@mind-overflow.net>
Date: Wed, 17 Mar 2021 17:20:29 +0100
Subject: [PATCH] Make info at end of post prettier

This is kind of a hacky implementation.
We are using a negative margin to remove the left&right padding from the content div and expand the background color.

What we should do instead, is move the
padding: 0 60px 20px; (and following media queries)
from "mind-post_central-column" to "mind-post_content", and set the mind-post_central-column side padding to zero, if necessary.

This way, only the actual post content will be "centered" and with spacing at the sides, while other stuff (post info, comments) can have their own custom padding and spacing.

In the case of the info box, it should have zero margin (so be 100% large) with spacing (padding) inside of the box itself.
---
 assets/css/screen.css |  7 +++++++
 post.hbs              | 30 +++++++++++++++---------------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index f5cfc25..fa2d296 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -841,6 +841,13 @@ img.mind-post_feature-image {
 
 .mind-post_info {
     font-size: 15px;
+    background-color: rgb(30, 30, 30);
+    margin: 20px -60px; /* hacky way to remove side padding from the content div and expand the background color, but who cares */
+    padding: 40px 60px;
+}
+
+.mind-post_info hr {
+    visibility: hidden;
 }
 
 
diff --git a/post.hbs b/post.hbs
index 923a3bf..b5c5a79 100755
--- a/post.hbs
+++ b/post.hbs
@@ -39,22 +39,22 @@
                             {{/if}}
                         </div>
                         {{content}}
-                        <div class="mind-post_info">
-                            <hr>
-                            Last update: <time class="post-date" datetime="{{date updated_at format='YYYY-MM-DD'}}">{{date updated_at format="DD MMMM YYYY"}}</time>
-                            <br />
-                            Author: {{primary_author.name}}
-
-                            {{#if tags}}
-                                <br />
-                                Tags:
-                                    {{#foreach tags}}
-                                        <b><a href="{{url}}" title="{{name}}" class="tag tag-{{id}} {{slug}}">{{name}}</a></b>{{#unless @last}}, {{/unless}}
-                                    {{/foreach}}
-                                {{/if}}
-                            <hr>
-                        </div>
                     </div>
+
+                    <div class="mind-post_info">
+                        Last update: <time class="post-date" datetime="{{date updated_at format='YYYY-MM-DD'}}">{{date updated_at format="DD MMMM YYYY"}}</time>
+                        <br />
+                        Author: {{primary_author.name}}
+
+                        {{#if tags}}
+                            <br />
+                            Tags:
+                            {{#foreach tags}}
+                                <b><a href="{{url}}" title="{{name}}" class="tag tag-{{id}} {{slug}}">{{name}}</a></b>{{#unless @last}}, {{/unless}}
+                            {{/foreach}}
+                        {{/if}}
+                    </div>
+
                     <h3>Comments</h3>
                     <div id="remark42"></div>
                 </div>