diff options
Diffstat (limited to 'client/src/app/shared/shared-video-miniature/abstract-video-list.scss')
-rw-r--r-- | client/src/app/shared/shared-video-miniature/abstract-video-list.scss | 25 |
1 files changed, 16 insertions, 9 deletions
diff --git a/client/src/app/shared/shared-video-miniature/abstract-video-list.scss b/client/src/app/shared/shared-video-miniature/abstract-video-list.scss index 1660c6812..7841b60f7 100644 --- a/client/src/app/shared/shared-video-miniature/abstract-video-list.scss +++ b/client/src/app/shared/shared-video-miniature/abstract-video-list.scss | |||
@@ -3,32 +3,39 @@ | |||
3 | @import '_mixins'; | 3 | @import '_mixins'; |
4 | @import '_miniature'; | 4 | @import '_miniature'; |
5 | 5 | ||
6 | $iconSize: 16px; | ||
7 | |||
6 | .videos-header { | 8 | .videos-header { |
7 | display: flex; | 9 | display: flex; |
8 | justify-content: space-between; | 10 | justify-content: space-between; |
9 | align-items: baseline; | 11 | align-items: center; |
10 | 12 | ||
11 | .title-page.title-page-single { | 13 | .title-page.title-page-single { |
12 | display: flex; | 14 | display: flex; |
13 | 15 | flex-grow: 1; | |
14 | my-feed { | ||
15 | display: inline-block; | ||
16 | top: 1px; | ||
17 | width: max-content; | ||
18 | } | ||
19 | } | 16 | } |
20 | 17 | ||
21 | .action-block { | 18 | .action-block { |
19 | ::ng-deep my-feed { | ||
20 | my-global-icon { | ||
21 | width: calc(#{$iconSize} - 2px); | ||
22 | } | ||
23 | } | ||
24 | |||
22 | a button { | 25 | a button { |
23 | @include peertube-button; | 26 | @include peertube-button; |
24 | @include grey-button; | 27 | @include grey-button; |
25 | @include button-with-icon(18px, 3px, -1px); | 28 | @include button-with-icon($iconSize, 3px, -1px); |
26 | } | 29 | } |
27 | } | 30 | } |
28 | 31 | ||
29 | .moderation-block { | 32 | .moderation-block { |
33 | div { | ||
34 | @include button-with-icon($iconSize, 3px, -1px); | ||
35 | } | ||
36 | |||
37 | margin-left: .2rem; | ||
30 | display: flex; | 38 | display: flex; |
31 | flex-grow: 1; | ||
32 | justify-content: flex-end; | 39 | justify-content: flex-end; |
33 | align-items: center; | 40 | align-items: center; |
34 | } | 41 | } |