From 5f9aea0c26dbadd125aa50f86a7aca3bc64b8faf Mon Sep 17 00:00:00 2001
From: styppo <mail@styp-rekowsky.de>
Date: Thu, 26 Jan 2023 20:57:03 +0000
Subject: [PATCH] Minor style fixes

---
 src/components/Feed/Feed.vue | 11 +++++------
 src/pages/Feed.vue           |  3 ---
 src/pages/Thread.vue         |  2 +-
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/Feed/Feed.vue b/src/components/Feed/Feed.vue
index d436fc0..e6ab9e0 100644
--- a/src/components/Feed/Feed.vue
+++ b/src/components/Feed/Feed.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="feed">
-    <div class="load-more-container" :class="{'more-available': numUnreads}" v-if="numUnreads">
+    <div class="load-more-container" :class="{'more-available': numUnreads}">
       <AsyncLoadButton
         v-if="numUnreads"
         :load-fn="loadNewer"
@@ -175,16 +175,14 @@ export default {
 .feed {
   .load-more-container {
     border-top: $border-dark;
-    border-bottom: $border-dark;
     min-height: 6px;
+    &.more-available {
+      border-bottom: $border-dark;
+    }
   }
   > .async-load-button:last-child {
     border-bottom: 0;
   }
-
-  > .thread:first-child, .load-more-container + .thread {
-    border-top: $border-dark;
-  }
 }
 
 @media screen and (max-width: $phone) {
@@ -193,6 +191,7 @@ export default {
       border: 0;
       min-height: 0;
       &.more-available {
+        border-top: $border-dark;
         border-bottom: $border-dark;
       }
     }
diff --git a/src/pages/Feed.vue b/src/pages/Feed.vue
index 86e4874..e04c88d 100644
--- a/src/pages/Feed.vue
+++ b/src/pages/Feed.vue
@@ -135,9 +135,6 @@ export default defineComponent({
 }
 
 @media screen and (max-width: $phone) {
-  .page-header {
-    border-bottom: $border-dark;
-  }
   .post-editor {
     display: none;
   }
diff --git a/src/pages/Thread.vue b/src/pages/Thread.vue
index 44425f0..c24f145 100644
--- a/src/pages/Thread.vue
+++ b/src/pages/Thread.vue
@@ -223,6 +223,6 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .ancestors {
-  border-bottom: 0;
+  border-bottom: 0 !important;
 }
 </style>