]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/shared-main/buttons/button.component.scss
align feed icons to the right for video listings
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / buttons / button.component.scss
CommitLineData
63c4db6d
C
1@import '_variables';
2@import '_mixins';
3
03652b31 4my-small-loader ::ng-deep .root {
b5f919ac
C
5 display: inline-block;
6 margin: 0 3px 0 0;
7 width: 20px;
8}
9
2b587cad
RK
10span[class$=-button] {
11 > span {
12 margin-left: 5px;
13 }
14}
15
cd83ea1b
C
16.action-button {
17 @include peertube-button-link;
1fe1e14c 18 @include button-with-icon(21px, 0, -1px);
14aa8556 19}
61875048 20
14aa8556
C
21.orange-button {
22 @include peertube-button;
23 @include orange-button;
24}
25
26.orange-button-link {
27 @include peertube-button-link;
28 @include orange-button;
29}
30
31.grey-button {
32 @include peertube-button;
33 @include grey-button;
34}
35
36.grey-button-link {
37 @include peertube-button-link;
38 @include grey-button;
cd83ea1b 39}
b17e8d89
C
40
41// In a table, try to minimize the space taken by this button
42@media screen and (max-width: 1400px) {
43 :host-context(td) {
44 .action-button {
45 padding: 0 13px;
46 }
47
48 .button-label {
49 display: none;
50 }
51 }
52}