client/src/app/videos/+video-watch/modal/video-share.component.scss

   1 @import '_mixins';
   2 @import '_variables';
   3
   4 my-input-readonly-copy {
   5   width: 100%;
   6 }
   7
   8 .title-page.title-page-single {
   9   margin-top: 0;
  10 }
  11
  12 .playlist {
  13   margin-bottom: 50px;
  14 }
  15
  16 .peertube-select-container {
  17   @include peertube-select-container(200px);
  18 }
  19
  20 .qr-code-group {
  21   text-align: center;
  22 }
  23
  24 .nav-content {
  25   margin-top: 30px;
  26   display: flex;
  27   justify-content: center;
  28   align-items: center;
  29   flex-direction: column;
  30 }
  31
  32 .alert {
  33   margin-top: 20px;
  34 }
  35
  36 .filters {
  37   margin-top: 30px;
  38
  39   .advanced-filters-button {
  40     display: flex;
  41     justify-content: center;
  42     align-items: center;
  43     margin-top: 20px;
  44     font-size: 16px;
  45     font-weight: $font-semibold;
  46     cursor: pointer;
  47
  48     .glyphicon {
  49       margin-right: 5px;
  50     }
  51   }
  52
  53   .form-group {
  54     margin-bottom: 0;
  55     height: 34px;
  56     display: flex;
  57     align-items: center;
  58   }
  59
  60   .video-caption-block {
  61     display: flex;
  62     align-items: center;
  63
  64     .peertube-select-container {
  65       margin-left: 10px;
  66     }
  67   }
  68
  69   .start-at,
  70   .stop-at {
  71     width: 300px;
  72     display: flex;
  73     align-items: center;
  74
  75     my-timestamp-input {
  76       margin-left: 10px;
  77     }
  78   }
  79 }