From fe18487e135ab78c1f671cf3b311c4fc63c7f2a9 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Tue, 27 Dec 2022 01:01:35 +0900
Subject: [PATCH] refs #3940 Fix padding for separator lines between posts

---
 src/renderer/components/organisms/Notification/Follow.vue     | 4 ++++
 .../components/organisms/Notification/FollowRequest.vue       | 4 ++++
 .../components/organisms/Notification/StatusReaction.vue      | 4 ++++
 src/renderer/components/organisms/Toot.vue                    | 3 ++-
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/organisms/Notification/Follow.vue b/src/renderer/components/organisms/Notification/Follow.vue
index 9e30ded3..d355fd61 100644
--- a/src/renderer/components/organisms/Notification/Follow.vue
+++ b/src/renderer/components/organisms/Notification/Follow.vue
@@ -142,6 +142,10 @@ export default defineComponent({
   }
 }
 
+.relationship {
+  padding-bottom: 4px;
+}
+
 .relationship:focus {
   background-color: var(--theme-selected-background-color);
   outline: 0;
diff --git a/src/renderer/components/organisms/Notification/FollowRequest.vue b/src/renderer/components/organisms/Notification/FollowRequest.vue
index fcf8816a..1e1d5775 100644
--- a/src/renderer/components/organisms/Notification/FollowRequest.vue
+++ b/src/renderer/components/organisms/Notification/FollowRequest.vue
@@ -142,6 +142,10 @@ export default defineComponent({
   }
 }
 
+.relationship {
+  padding-bottom: 4px;
+}
+
 .relationship:focus {
   background-color: var(--theme-selected-background-color);
   outline: 0;
diff --git a/src/renderer/components/organisms/Notification/StatusReaction.vue b/src/renderer/components/organisms/Notification/StatusReaction.vue
index 187882f9..1c1cd07f 100644
--- a/src/renderer/components/organisms/Notification/StatusReaction.vue
+++ b/src/renderer/components/organisms/Notification/StatusReaction.vue
@@ -494,6 +494,10 @@ export default defineComponent({
   justify-content: center;
 }
 
+.status {
+  padding-bottom: 4px;
+}
+
 .status:focus {
   background-color: var(--theme-selected-background-color);
   outline: 0;
diff --git a/src/renderer/components/organisms/Toot.vue b/src/renderer/components/organisms/Toot.vue
index 2b02f219..81ce4c30 100644
--- a/src/renderer/components/organisms/Toot.vue
+++ b/src/renderer/components/organisms/Toot.vue
@@ -226,7 +226,7 @@
       </div>
       <div class="clearfix"></div>
     </div>
-    <div class="fill-line"></div>
+    <div class="fill-line" />
   </div>
 </template>
 
@@ -733,6 +733,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .status {
   background-color: var(--theme-background-color);
+  padding-bottom: 4px;
 }
 
 .toot {