From 2e2580b6982c50fea0a20594486c1178eb299f8a Mon Sep 17 00:00:00 2001
From: w3irdrobot <dro@w3ird.tech>
Date: Mon, 16 Jan 2023 00:02:53 -0500
Subject: [PATCH] only show load more container when there are unreads

---
 src/pages/Feed.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/Feed.vue b/src/pages/Feed.vue
index 80e8820..5d2ab5d 100644
--- a/src/pages/Feed.vue
+++ b/src/pages/Feed.vue
@@ -30,9 +30,8 @@
     </div>
 
     <div class="feed">
-      <div class="load-more-container" :class="{'more-available': numUnreads}">
+      <div class="load-more-container" :class="{'more-available': numUnreads}" v-if="numUnreads">
         <ButtonLoadMore
-          v-if="numUnreads"
           :label="`Load ${numUnreads} unread`"
           :loading="loading"
           @click="loadUnreads"
@@ -176,12 +175,14 @@ export default defineComponent({
 .feed {
   .load-more-container {
     border-top: $border-dark;
-    border-bottom: $border-dark;
     min-height: 6px;
   }
   > .load-more:last-child {
     border-bottom: 0;
   }
+  > .thread:first-child, .load-more-container + .thread {
+    border-top: $border-dark;
+  }
 }
 
 .addon-menu {