From d92d6734e12fb601d1f2ba07b62e10520b546360 Mon Sep 17 00:00:00 2001
From: "L. E. Segovia" <13498015+amyspark@users.noreply.github.com>
Date: Sun, 18 Nov 2018 12:35:32 +0000
Subject: [PATCH] Fix viewer alignment with non-square imgs/videos

---
 src/renderer/components/TimelineSpace/Modals/Media.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/renderer/components/TimelineSpace/Modals/Media.vue b/src/renderer/components/TimelineSpace/Modals/Media.vue
index d4270408..4f20eafa 100644
--- a/src/renderer/components/TimelineSpace/Modals/Media.vue
+++ b/src/renderer/components/TimelineSpace/Modals/Media.vue
@@ -48,10 +48,13 @@ export default {
   max-width: 80%;
   min-width: 10%;
   height: 80%;
+  display: inline-flex;
 
   img,
   video {
     max-height: 100%;
+    max-width: 100%;
+    align-self: center;
   }
 }
 </style>