From 38086f0ef0a3d92ce39ce66cfb243fb26ff608a6 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 19 Aug 2018 18:08:07 +0900
Subject: [PATCH] fixes #520 Fix space in notifications

---
 .../TimelineSpace/Contents/Cards/Notification/Favourite.vue  | 5 ++++-
 .../TimelineSpace/Contents/Cards/Notification/Reblog.vue     | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
index 4981ef931d..b708e1e8cf 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Favourite.vue
@@ -28,6 +28,7 @@
           <div class="timestamp">
             {{ parseDatetime(message.status.created_at) }}
           </div>
+        <div class="clearfix"></div>
         </div>
         <div class="content-wrapper">
           <div class="spoiler" v-show="spoilered(message.status)">
@@ -218,6 +219,8 @@ export default {
       color: #909399;
 
       .toot-header {
+        height: 22px;
+
         .user {
           float: left;
           font-size: var(--base-font-size);
@@ -233,10 +236,10 @@ export default {
 
       .content-wrapper /deep/ {
         font-size: var(--base-font-size);
+        margin: 0;
 
         .content {
           font-size: var(--base-font-size);
-          margin: 4px 0 8px;
           word-wrap: break-word;
         }
 
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
index 2e4d329cdc..f6ccd4f60f 100644
--- a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
@@ -28,6 +28,7 @@
           <div class="timestamp">
             {{ parseDatetime(message.status.created_at) }}
           </div>
+          <div class="clearfix"></div>
         </div>
         <div class="content-wrapper">
           <div class="spoiler" v-show="spoilered(message.status)">
@@ -218,6 +219,8 @@ export default {
       color: #909399;
 
       .toot-header {
+        height: 24px;
+
         .user {
           float: left;
           font-size: var(--base-font-size);
@@ -232,10 +235,10 @@ export default {
 
       .content-wrapper /deep/ {
         font-size: var(--base-font-size);
+        margin: 0;
 
         .content {
           font-size: var(--base-font-size);
-          margin: 4px 0 8px;
           word-wrap: break-word;
         }