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; }