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

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