client/src/app/+my-library/my-videos/my-videos.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 input[type=text] {
   5   @include peertube-input-text(300px);
   6 }
   7
   8 h1 {
   9   display: flex;
  10   justify-content: space-between;
  11
  12   .button-link {
  13     @include peertube-button-link;
  14     @include grey-button;
  15     @include button-with-icon(18px, 3px, -1px);
  16
  17     &:not(:last-child) {
  18       margin-right: 10px;
  19     }
  20   }
  21 }
  22
  23 .action-button-delete-selection {
  24   display: inline-block;
  25
  26   @include peertube-button;
  27   @include orange-button;
  28   @include button-with-icon(21px);
  29
  30   my-global-icon {
  31     @include apply-svg-color(#fff);
  32   }
  33 }
  34
  35 .action-button {
  36   display: flex;
  37   margin-left: 10px;
  38   align-self: flex-end;
  39 }
  40
  41 my-edit-button {
  42   margin-right: 10px;
  43 }
  44
  45 @include on-small-main-col {
  46   h1 {
  47     flex-direction: column;
  48
  49     > span,
  50     .button-link {
  51       margin-bottom: 10px;
  52     }
  53   }
  54
  55   .action-button {
  56     margin-top: 10px;
  57     margin-left: auto;
  58   }
  59 }
  60
  61 @include on-mobile-main-col {
  62   .videos-header {
  63     flex-direction: column;
  64
  65     input[type=text] {
  66       width: 100% !important;
  67     }
  68   }
  69
  70   .action-button {
  71     margin-left: 0;
  72   }
  73 }