X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fmoderation%2Fvideo-comment-list%2Fvideo-comment-list.component.scss;h=3cf7b8db669b2c83063a753fae6dc0112e32469d;hb=e6492b2de61e5eef5ea9bc1bf19463c065f3f41d;hp=c9262da098f136ff9715c1deef0e7818c080e61a;hpb=4024c44f9027a32809931de0692d40d001df721c;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss index c9262da09..3cf7b8db6 100644 --- a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss +++ b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss @@ -1,7 +1,9 @@ -@import 'mixins'; +@use '_mixins' as *; +@use '_variables' as *; my-feed { - margin-left: 5px; + @include margin-left(5px); + display: inline-block; width: 15px; } @@ -11,23 +13,6 @@ my-global-icon { height: 24px; } -.input-group { - @include peertube-input-group(300px); - - .dropdown-toggle::after { - margin-left: 0; - } -} - -.caption { - justify-content: flex-end; - - input { - @include peertube-input-text(250px); - flex-grow: 1; - } -} - .video { display: flex; flex-direction: column; @@ -49,7 +34,8 @@ my-global-icon { max-height: 22px; } - div, p { + div, + p { @include ellipsis; } @@ -58,3 +44,9 @@ my-global-icon { } } } + +@media screen and (max-width: $primeng-breakpoint) { + .video { + align-items: flex-start !important; + } +}