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

   1 .videos {
   2   text-align: center;
   3
   4   my-video-miniature {
   5     text-align: left;
   6   }
   7 }
   8
   9 @media screen and (max-width: 500px) {
  10   .videos {
  11     text-align: center;
  12
  13     /deep/ .video-miniature {
  14       padding-right: 0;
  15       height: auto;
  16       width: 100%;
  17       margin-bottom: 20px;
  18
  19       .video-miniature-information {
  20         width: 100% !important;
  21
  22         span {
  23           width: 100%;
  24         }
  25       }
  26
  27       /deep/ .video-thumbnail {
  28         width: 100%;
  29
  30         img {
  31           height: auto;
  32           width: 100%;
  33         }
  34       }
  35     }
  36   }
  37 }