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

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