client/src/app/shared/buttons/button.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 my-small-loader ::ng-deep .root {
   5   display: inline-block;
   6   margin: 0 3px 0 0;
   7   width: 20px;
   8 }
   9
  10 .action-button {
  11   @include peertube-button-link;
  12   @include button-with-icon(21px, 0, -2px);
  13
  14   // FIXME: Firefox does not apply global .orange-button icon color
  15   &.orange-button {
  16     @include apply-svg-color(#fff)
  17   }
  18 }
  19
  20 // In a table, try to minimize the space taken by this button
  21 @media screen and (max-width: 1400px) {
  22   :host-context(td) {
  23     .action-button {
  24       padding: 0 13px;
  25     }
  26
  27     .button-label {
  28       display: none;
  29     }
  30   }
  31 }