From 61502dd733e8570765abc0d98109650581fd84e0 Mon Sep 17 00:00:00 2001
From: Hunternif
Date: Thu, 11 Apr 2019 08:03:11 +0700
Subject: Adjust padding on mobile post page, move the comments section to
 bottom, tags to top

---
 client/html/post_main.tpl | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

(limited to 'client/html')

diff --git a/client/html/post_main.tpl b/client/html/post_main.tpl
index 2d55538..f017136 100644
--- a/client/html/post_main.tpl
+++ b/client/html/post_main.tpl
@@ -63,18 +63,32 @@
         </nav>
 
         <div class='sidebar-container'></div>
+
+        <% if (screen.width <= 1000) { %>
+            <div class='comments-panel'>
+                <% if (ctx.canListComments) { %>
+                    <div class='comments-container'></div>
+                <% } %>
+                <% if (ctx.canCreateComments) { %>
+                    <a id='add-comment-button'><h3>Add comment</h3></a>
+                    <div class='comment-form-container'></div>
+                <% } %>
+            </div>
+        <% } %>
     </aside>
 
     <div class='content'>
         <div class='post-container'></div>
 
-        <% if (ctx.canListComments) { %>
-            <div class='comments-container'></div>
-        <% } %>
+        <% if (screen.width > 1000) { %>
+            <% if (ctx.canListComments) { %>
+                <div class='comments-container'></div>
+            <% } %>
 
-        <% if (ctx.canCreateComments) { %>
-            <a id='add-comment-button'><h3>Add comment</h3></a>
-            <div class='comment-form-container'></div>
+            <% if (ctx.canCreateComments) { %>
+                <a id='add-comment-button'><h3>Add comment</h3></a>
+                <div class='comment-form-container'></div>
+            <% } %>
         <% } %>
     </div>
 </div>
-- 
cgit v1.3