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 .action-button-cancel {
  21   margin-right: 0 !important;
  22 }
  23
  24 .qr-code-group {
  25   text-align: center;
  26 }
  27
  28 .tab-content {
  29   margin-top: 30px;
  30   display: flex;
  31   justify-content: center;
  32   align-items: center;
  33   flex-direction: column;
  34 }
  35
  36 .alert {
  37   margin-top: 20px;
  38 }
  39
  40 .filters {
  41   margin-top: 30px;
  42   padding-top: 30px;
  43   border-top: 1px solid $separator-border-color;
  44
  45   .advanced-filters-button {
  46     display: flex;
  47     justify-content: center;
  48     align-items: center;
  49     margin-top: 30px;
  50     font-size: 16px;
  51     font-weight: $font-semibold;
  52     cursor: pointer;
  53
  54     .glyphicon {
  55       margin-right: 5px;
  56     }
  57   }
  58
  59   .form-group {
  60     margin-bottom: 0;
  61     height: 34px;
  62     display: flex;
  63     align-items: center;
  64   }
  65
  66   .video-caption-block {
  67     display: flex;
  68     align-items: center;
  69
  70     .peertube-select-container {
  71       margin-left: 10px;
  72     }
  73   }
  74
  75   .start-at,
  76   .stop-at {
  77     width: 300px;
  78     display: flex;
  79     align-items: center;
  80
  81     my-timestamp-input {
  82       margin-left: 10px;
  83     }
  84   }
  85 }