From 2f7e5c8770719595f3a7c2a2fd5f7ba5f15914d4 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Mon, 28 Nov 2016 16:10:03 +0100
Subject: [PATCH] Always show action buttons below user content.

---
 src/components/status/status.vue | 42 ++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 5af13cec..8907937d 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -15,26 +15,28 @@
         </a>
       </div>
       <div class="media-body">
-        <h4 class="media-heading">
-          {{status.user.name}}
-          <small><a :href="status.user.statusnet_profile_url">{{status.user.screen_name}}</a></small>
-          <small v-if="status.in_reply_to_screen_name"> &gt; <a :href="status.in_reply_to_profileurl">{{status.in_reply_to_screen_name}}</a></small>
-          -
-          <small>
-            <router-link :to="{ name: 'conversation', params: { id: status.id } }">
-              {{status.created_at_parsed}}
-            </router-link>
-          </small>
-          <small v-if="!status.is_local" class="source_url">
-            <a :href="status.external_url" target="_blank" >Source</a>
-          </small>
-        </h4>
+        <div class="user-content">
+          <h4 class="media-heading">
+            {{status.user.name}}
+            <small><a :href="status.user.statusnet_profile_url">{{status.user.screen_name}}</a></small>
+            <small v-if="status.in_reply_to_screen_name"> &gt; <a :href="status.in_reply_to_profileurl">{{status.in_reply_to_screen_name}}</a></small>
+            -
+            <small>
+              <router-link :to="{ name: 'conversation', params: { id: status.id } }">
+                {{status.created_at_parsed}}
+              </router-link>
+            </small>
+            <small v-if="!status.is_local" class="source_url">
+              <a :href="status.external_url" target="_blank" >Source</a>
+            </small>
+          </h4>
 
-        <div class="status-content" v-html="status.statusnet_html"></div>
+          <div class="status-content" v-html="status.statusnet_html"></div>
 
-        <div v-if='status.attachments' class='attachments'>
-          <attachment :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments">
-          </attachment>
+          <div v-if='status.attachments' class='attachments'>
+            <attachment :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments">
+            </attachment>
+          </div>
         </div>
 
         <div v-if="loggedIn">
@@ -65,6 +67,10 @@
      word-wrap: break-word;
      word-break: break-word;
 
+     .user-content {
+       min-height: 52px;
+     }
+
      .source_url {
        float: right;
      }