Noissue - Adjustments to video component for blog

static/css/main.css

 body
 {
   font-family: "Source Sans Pro", Arial, sans-serif;
   margin: 0;
   /* Start below fixed navbar */
   padding-top: 4em;
   line-height: 1.5;
 }
 
 #content,
@@ skipping 730 matching lines @@
 }
 
 .video-link
 {
   display: block;
   position: relative;
 }
 
 .video-thumbnail
 {
+  display: block;

[juliandoucette, 2018/04/24 15:56:05]

Images are displayed inline by default. This can result in an unintended space
underneath them. See
https://adblockplus.org/blog/what-you-can-block-with-adblock-plus-part-2-video.

[ire, 2018/04/25 08:34:32]

Acknowledged.

   width: 100%;
   transition: opacity 0.8s;
   opacity: 0.2;
 }
 
 .hide-disclaimer .video-thumbnail
 {
   opacity: 1;
 }
 
 .video-disclaimer
 {
   visibility: visible;
   opacity: 1;
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 1em;
   background-color: #fff;
   font-size: 0.9em;
   text-align: center;
   transition: opacity 0.8s;
 }
 
+.content .video-disclaimer
+{
+  margin: 0;

[juliandoucette, 2018/04/24 15:56:05]

This prevents an unintended space above and below the disclaimer (which is
visible on the home page... It's strange we haven't addressed this before :/).

[ire, 2018/04/25 08:34:33]

Acknowledged. Yes it is :/

+}
+
 .hide-disclaimer .video-disclaimer
 {
   visibility: hidden;
   opacity: 0;
 }
 
 .video-play
 {
   position: absolute;
   top: 50%;
@@ skipping 106 matching lines @@
 .content .horizontal-list
 {
   padding: 0;
 }
 
 .horizontal-list li
 {
   display: inline;
   list-style: none;
 }