From 72877b5c06dd46f7334029664175fabd4e7e16ab Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Wed, 2 Nov 2016 18:38:30 +0100
Subject: [PATCH] CSS fixes.

---
 src/components/attachment/attachment.vue | 13 ++++++++++++-
 src/components/status/status.vue         |  4 ++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index d20b704b..0e67f48e 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -4,7 +4,7 @@
       <img :src="nsfwImage"></img>
     </a>
 
-    <a v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a>
+    <a class="image-attachment" v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a>
 
     <video v-if="type === 'webm' && !nsfw" :src="attachment.url" controls></video>
 
@@ -29,5 +29,16 @@
      video {
          height: 100%;
      }
+
+     a.image-attachment {
+         display: flex;
+         flex: 1;
+
+         img {
+             width: 100%;
+             height: 100%;
+             flex: 1;
+         }
+     }
  }
 </style>
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 4d8700d5..685ec244 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -60,4 +60,8 @@
          word-break: break-all;
      }
  }
+
+ .status-actions {
+     padding-top: 5px;
+ }
 </style>