client/src/app/shared/video/abstract-video-list.scss

   1 @import '_mixins';
   2
   3 .videos {
   4   text-align: center;
   5
   6   my-video-miniature {
   7     text-align: left;
   8   }
   9 }
  10
  11 .title-page.title-page-single {
  12   margin-right: 5px;
  13 }
  14
  15 my-video-feed {
  16   display: inline-block;
  17 }
  18
  19 @media screen and (max-width: 500px) {
  20   .videos {
  21     text-align: center;
  22
  23     /deep/ .video-miniature {
  24       padding-right: 0;
  25       height: auto;
  26       width: 100%;
  27       margin-bottom: 20px;
  28
  29       .video-miniature-information {
  30         width: 100% !important;
  31
  32         span {
  33           width: 100%;
  34         }
  35       }
  36
  37       .video-thumbnail {
  38         width: 100%;
  39         height: auto;
  40
  41         img {
  42           width: 100%;
  43           height: auto;
  44         }
  45       }
  46     }
  47   }
  48 }