client/src/app/videos/recommendations/recommended-videos.component.scss

   1 .title-page-container {
   2   display: flex;
   3   justify-content: space-between;
   4   align-items: baseline;
   5   margin-bottom: 25px;
   6   flex-wrap: wrap-reverse;
   7
   8   .title-page.active, .title-page.title-page-single {
   9     margin-bottom: unset;
  10     margin-right: .5rem !important;
  11   }
  12 }
  13
  14 .title-page-autoplay {
  15   display: flex;
  16   width: max-content;
  17   height: max-content;
  18   align-items: center;
  19   margin-left: auto;
  20
  21   span {
  22     margin-right: 0.3rem;
  23     text-transform: uppercase;
  24     font-size: 85%;
  25     font-weight: 600;
  26   }
  27 }
  28
  29 /* p-inputSwitch styles to reduce the switch size */
  30
  31 ::ng-deep {
  32   p-inputswitch {
  33     height: 20px;
  34   }
  35
  36   .ui-inputswitch {
  37     width: 2.5em !important;
  38     height: 1.45em !important;
  39
  40     .ui-inputswitch-slider::before {
  41       height: 1em !important;
  42       width: 1em !important;
  43     }
  44   }
  45
  46   .ui-inputswitch-checked .ui-inputswitch-slider::before {
  47     transform: translateX(1em) !important;
  48   }
  49 }