aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-video-miniature/abstract-video-list.scss
diff options
context:
space:
mode:
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.scss25
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 }