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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .videos-header {
   5   display: flex;
   6   justify-content: space-between;
   7   text-align: right;
   8   margin: 20px 0 50px;
   9
  10   input[type=text] {
  11     @include peertube-input-text(300px);
  12   }
  13 }
  14
  15 .action-button-delete-selection {
  16   display: inline-block;
  17
  18   @include peertube-button;
  19   @include orange-button;
  20   @include button-with-icon(21px);
  21
  22   my-global-icon {
  23     @include apply-svg-color(#fff);
  24   }
  25 }
  26
  27 ::ng-deep {
  28   .action-button span {
  29     white-space: nowrap;
  30   }
  31
  32   .video-miniature {
  33     &.display-as-row {
  34       // width: min-content !important;
  35       width: 100% !important;
  36
  37       .video-bottom .video-miniature-information {
  38         width: max-content !important;
  39         min-width: unset !important;
  40       }
  41     }
  42
  43     .video-bottom {
  44       max-width: 350px;
  45     }
  46   }
  47 }
  48
  49 my-delete-button,
  50 my-edit-button {
  51   margin-right: 10px;
  52 }