From fb0152178111bcf9585f3f0ff5727b6499e56001 Mon Sep 17 00:00:00 2001
From: "L. E. Segovia" <13498015+amyspark@users.noreply.github.com>
Date: Sat, 17 Nov 2018 00:11:43 +0000
Subject: [PATCH] Improve media alt handling and sizing

---
 src/renderer/components/molecules/Toot.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/molecules/Toot.vue b/src/renderer/components/molecules/Toot.vue
index 0e77a04f..a2623fc2 100644
--- a/src/renderer/components/molecules/Toot.vue
+++ b/src/renderer/components/molecules/Toot.vue
@@ -52,7 +52,7 @@
             <icon name="eye" class="hide"></icon>
           </el-button>
           <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message)">
-            <FailoverImg :src="media.preview_url" @click="openImage(media.url, mediaAttachments(message))"/>
+            <FailoverImg :src="media.preview_url" @click="openImage(media.url, mediaAttachments(message))" :title="media.description" />
             <el-tag class="media-label" size="mini" v-if="media.type == 'gifv'">GIF</el-tag>
             <el-tag class="media-label" size="mini" v-else-if="media.type == 'video'">VIDEO</el-tag>
           </div>
@@ -589,6 +589,7 @@ export default {
       .media {
         float: left;
         margin-right: 8px;
+        margin-bottom: 4px;
         width: 200px;
         height: 200px;