1 @use '_variables' as *;
4 @mixin responsive-label {
16 display: inline-block;
19 my-small-loader ::ng-deep .root {
20 display: inline-block;
26 span[class$=-button] {
28 @include margin-left(5px);
33 @include peertube-button-link;
34 @include button-with-icon(21px);
36 width: 100%; // useful for ellipsis, allow to define a max-width on host component
46 @include peertube-button;
47 @include orange-button;
51 @include peertube-button-link;
52 @include orange-button;
56 @include peertube-button;
61 @include peertube-button-link;
69 // In a table, try to minimize the space taken by this button
70 @media screen and (max-width: 1400px) {
72 @include responsive-label;
76 @media screen and (max-width: $small-view) {
78 @include responsive-label;