X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fabstract-video-list.scss;h=7841b60f7e61f7fa6a78f51edb832afdb1ac455b;hb=0bdad52fbbad81e7654adc495088da56a00437df;hp=1660c6812fccbad9a45955843ead117772603019;hpb=2d011d94aa4086af3a87e254552062599d8c50bd;p=github%2FChocobozzz%2FPeerTube.git 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 @@ @import '_mixins'; @import '_miniature'; +$iconSize: 16px; + .videos-header { display: flex; justify-content: space-between; - align-items: baseline; + align-items: center; .title-page.title-page-single { display: flex; - - my-feed { - display: inline-block; - top: 1px; - width: max-content; - } + flex-grow: 1; } .action-block { + ::ng-deep my-feed { + my-global-icon { + width: calc(#{$iconSize} - 2px); + } + } + a button { @include peertube-button; @include grey-button; - @include button-with-icon(18px, 3px, -1px); + @include button-with-icon($iconSize, 3px, -1px); } } .moderation-block { + div { + @include button-with-icon($iconSize, 3px, -1px); + } + + margin-left: .2rem; display: flex; - flex-grow: 1; justify-content: flex-end; align-items: center; }