Merge pull request #3951 from h3poteto/iss-3940

refs #3940 Fix padding for separator lines between posts

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;

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;

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;

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 {