From 7a141e6522d26df6b7570d3da923b0d3b4b2797f Mon Sep 17 00:00:00 2001
From: chr <chr@cybre.space>
Date: Wed, 22 May 2019 16:18:47 -0700
Subject: [PATCH] fix full-width embeds

---
 app/javascript/styles/fullwidth-media.scss | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/app/javascript/styles/fullwidth-media.scss b/app/javascript/styles/fullwidth-media.scss
index a681a3535..f6a036d4f 100644
--- a/app/javascript/styles/fullwidth-media.scss
+++ b/app/javascript/styles/fullwidth-media.scss
@@ -1,16 +1,14 @@
 
-/* Use 100% of the viewport width always*/
 .detailed-status > .media-spoiler,
 .status > .media-spoiler,
 .status .video-player,
 .media-gallery,
-.status .status-card {
-  margin-top:20px;
-  margin-left:-68px;
+.status .status-card.interactive {
+  margin-top: 20px;
+  margin-left: -68px;
   width: calc(100% + 80px);
 }
 
-/* Unset max-width for spoilers and the video player */
 .detailed-status > .media-spoiler,
 .status > .media-spoiler,
 .video-player {
@@ -25,16 +23,13 @@
   margin-top: 40px;
 }
 
-/* Undo transforms on videos inside the video player */
 .status__video-player-video {
-  transform:unset;
-  top:unset;
+  transform: unset;
+  top: unset;
 }
 
-
-/* Adjust offset and width for detail view */
 .detailed-status .media-gallery {
-  margin-left:-10px;
+  margin-left: -10px;
   width: calc(100% + 22px);
 }
 
@@ -46,7 +41,7 @@
   .video-player,
   .media-gallery,
   .status-card {
-    margin-top:20px;
+    margin-top: 20px;
     width: calc(100% + 94px);
     margin-left: -78px;
   }