From b08ef2480559cec0ab97b6dab4fa2254e6222cc1 Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Tue, 12 Nov 2019 01:07:59 +0700
Subject: [PATCH] Add spacing at the bottom and layout changes

---
 assets/css/styles.css |  4 ++++
 post.hbs              | 35 ++++++++++++++++-------------------
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index a3c071e..0cb2254 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -160,6 +160,10 @@ footer {
   background-color: #085d93;
   z-index: 10;
 }
+
+.content {
+  @apply pb-32;
+}
 @tailwind components;
 
 @tailwind utilities;
diff --git a/post.hbs b/post.hbs
index ca603d1..e0e2e30 100644
--- a/post.hbs
+++ b/post.hbs
@@ -47,39 +47,36 @@
 
 <div class="px-4">
 <main class="container mx-auto content" id="post">
-    <div class="px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
-      {{content}}
-    </div>
-</main>
-<div class="container mx-auto">
+  <div class="px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
+    {{content}}
+  </div>
   <div class="px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
     <div class="my-4" id="comments">
     </div>
     <div class="my-4 flex flex-row justify-between">
       {{#prev_post}}
       <div class="w-1/3">
-      <a href="{{url}}">
-      <div class="flex flex-col items-end">
-        <p class="text-xl text-blue-700">Previous post</p>
-        <p>{{title}}</p>
-      </div>
-      </a>
+        <a href="{{url}}">
+          <div class="flex flex-col items-end">
+            <p class="text-xl text-blue-700">Previous post</p>
+            <p>{{title}}</p>
+          </div>
+        </a>
       </div>
       {{/prev_post}}
       {{#next_post}}
       <div class="w-1/3">
-      <a href="{{url}}">
-      <div class="flex flex-col items-begin">
-        <p class="text-xl text-blue-700">Next post</p>
-        <p>{{title}}</p>
-      </div>
-      </a>
+        <a href="{{url}}">
+          <div class="flex flex-col items-begin">
+            <p class="text-xl text-blue-700">Next post</p>
+            <p>{{title}}</p>
+          </div>
+        </a>
       </div>
       {{/next_post}}
     </div>
   </div>
-</div>
-</div>
+</main>
 {{/post}}
 </article>