From c0940970c97187c27bd137962e19f4365c04c25c Mon Sep 17 00:00:00 2001
From: Troplo <troplo@flowinity.com>
Date: Thu, 28 Jan 2021 20:35:42 +1100
Subject: [PATCH] Improve forum thread page

---
 src/components/Navbar.vue |  6 +++++-
 src/views/ForumThread.vue | 21 ++++++++++++++-------
 src/views/Forums.vue      |  2 +-
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index b02b611..e935454 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -150,7 +150,7 @@
             <button
                 type="button"
                 class="delete"
-                @click="registerModal = false"/>
+                @click="updateDismissed"/>
           </header>
           <section class="modal-card-body has-text-centered">
             <h1 class="subtitle">What's new in {{$store.state.client.clientVersion}}?</h1>
@@ -162,6 +162,10 @@
               <li>Add blog</li>
               <li>Add new friend count in Navbar User Menu</li>
               <li>Add developmental forum</li>
+              <hr>
+              <li>{{$store.state.client.clientVersion}}-patch fixes:</li>
+              <li>Patch pagination page crash bug with 'wait' prop to not attempt to load more when its loading</li>
+              <li>Improve forum thread page</li>
             </ul>
           </section>
           <footer class="modal-card-foot">
diff --git a/src/views/ForumThread.vue b/src/views/ForumThread.vue
index 48b8936..9bd7794 100644
--- a/src/views/ForumThread.vue
+++ b/src/views/ForumThread.vue
@@ -3,15 +3,22 @@
     <div class="section">
       <h1 class="title">{{thread.name}}</h1>
       <div class="column is-9" v-for='(post) in thread.Posts' :key='"threadPost-" + post.id'>
-        <div class="media box">
-          <div class="media-left">
-            <img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.User.picture + '.png'">
-          </div>
+        <article class="media box">
+          <figure class="media-left">
+            <p class="image is-64x64">
+              <img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.User.picture + '.png'">
+            </p>
+          </figure>
           <div class="media-content">
-            <h2 class="subtitle">{{post.User.username}}</h2>
-            <div v-html="post.content"></div>
+            <div class="content">
+              <p>
+                <strong>{{post.User.username}}</strong> <small>{{ post.createdAt | formatDate }}</small>
+                <br>
+              <p>
+              <div v-html="post.content"></div>
+            </div>
           </div>
-        </div>
+        </article>
       </div>
     </div>
   </main>
diff --git a/src/views/Forums.vue b/src/views/Forums.vue
index 256d6d9..1344947 100644
--- a/src/views/Forums.vue
+++ b/src/views/Forums.vue
@@ -36,7 +36,7 @@
         <NoItems type="forum threads"></NoItems>
       </div>
       <div class="column column is-9" v-if="threads.length">
-        <div class="box content">
+        <div class="content">
           <article class='thread_display box' v-for='(thread) in threads' :key='"thread-" + thread.id' @click="goToThread(thread)">
             <div style='width: calc(100% - 3rem);'>
               <div class='thread_display__header'>