client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .title-page-container {
   5   display: flex;
   6   justify-content: space-between;
   7   align-items: baseline;
   8   margin-bottom: 25px;
   9   flex-wrap: wrap-reverse;
  10
  11   .title-page.active, .title-page.title-page-single {
  12     margin-bottom: unset;
  13     margin-right: .5rem !important;
  14   }
  15 }
  16
  17 .title-page {
  18   margin-top: 0;
  19 }
  20
  21 .title-page-autoplay {
  22   display: flex;
  23   width: max-content;
  24   height: max-content;
  25   align-items: center;
  26   margin-left: auto;
  27
  28   span {
  29     margin-right: 0.3rem;
  30     text-transform: uppercase;
  31     font-size: 85%;
  32     font-weight: 600;
  33   }
  34 }
  35
  36 hr {
  37   margin-top: 0;
  38 }
  39
  40 my-video-miniature {
  41   display: block;
  42 }
  43
  44 .other-videos:not(.display-as-row) my-video-miniature {
  45   min-width: $video-thumbnail-medium-width;
  46   max-width: $video-thumbnail-medium-width;
  47 }
  48
  49 .display-as-row {
  50   my-video-miniature {
  51     margin-bottom: 20px;
  52   }
  53
  54   hr {
  55     display: none;
  56   }
  57
  58   @media screen and (max-width: $mobile-view) {
  59     my-video-miniature {
  60       margin-bottom: 10px;
  61     }
  62   }
  63 }
  64