From 160c28eda354358c88aa33aa8aacd2be838bd4ce Mon Sep 17 00:00:00 2001
From: Zed <zedeus@pm.me>
Date: Mon, 1 Jul 2019 03:12:28 +0200
Subject: [PATCH] Improve firefox support for images

---
 public/style.css     | 3 +--
 src/views/tweet.nimf | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/public/style.css b/public/style.css
index 35622a8..65150b0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -67,7 +67,7 @@ a:hover {
     padding: 0;
     vertical-align: bottom;
     flex-basis: 100%;
-    margin-bottom: .2em;
+    margin-bottom: .5em;
 }
 
 .media-heading a {
@@ -258,7 +258,6 @@ video {
 
 .media-gif {
     display: table-cell;
-    padding-top: 5px !important;
     background-color: unset;
 }
 
diff --git a/src/views/tweet.nimf b/src/views/tweet.nimf
index 99f943a..90e8fc8 100644
--- a/src/views/tweet.nimf
+++ b/src/views/tweet.nimf
@@ -63,7 +63,7 @@
 #
 #proc renderMediaGroup(tweet: Tweet): string =
 #let groups = if tweet.photos.len > 2: tweet.photos.distribute(2) else: @[tweet.photos]
-#let display = if groups.len == 1 and groups[0].len == 1: "display: table-caption;" else: ""
+#let display = if groups.len == 1 and groups[0].len == 1: "display: table-cell;" else: ""
 #var first = true
 <div class="attachments" style="${display}">
 #for photos in groups: