Fix video having black border on top due to regression from #2608 (#3392)

The combination of object-fit, relative position 50% from top and translating it
back upwards 50% is what allows us to crop the video properly, so it needs to
be +50%-50%

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index a566e4a3c33288e00d84b891787f201991357414..4afbd12cf1ee352af30191fc4b9129bdb1d523cd 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -3395,7 +3395,7 @@ button.icon-button.active i.fa-retweet {
   object-fit: cover;
   position: relative;
   top: 50%;
-  transform: translateY(-35%);
+  transform: translateY(-50%);
   width: 100%;
   z-index: 1;
 }