client/src/app/shared/video/videos-selection.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .action-selection-mode {
   5   display: flex;
   6   justify-content: flex-end;
   7   flex-grow: 1;
   8
   9   .action-selection-mode-child {
  10     position: fixed;
  11
  12     .action-button {
  13       display: inline-block;
  14     }
  15
  16     .action-button-cancel-selection {
  17       @include peertube-button;
  18       @include grey-button;
  19
  20       margin-right: 10px;
  21     }
  22   }
  23 }
  24
  25 .video {
  26   @include row-blocks;
  27
  28   &:first-child {
  29     margin-top: 47px;
  30   }
  31
  32   .checkbox-container {
  33     display: flex;
  34     align-items: center;
  35     margin-right: 20px;
  36     margin-left: 12px;
  37   }
  38
  39   my-video-miniature {
  40     flex-grow: 1;
  41   }
  42 }
  43
  44 @media screen and (max-width: $small-view) {
  45   .video {
  46     flex-direction: column;
  47     height: auto;
  48
  49     .checkbox-container {
  50       display: none;
  51     }
  52
  53     my-button {
  54       margin-top: 10px;
  55     }
  56   }
  57 }