X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fabstract-video-list.scss;h=d9cf7a14ff0bb78fc0fdbdbd6fd143414d7c25ad;hb=8beea2d37d90e9a12d895f4a9eebc1e532313d8c;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..d9cf7a14f 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,34 +3,33 @@ @import '_mixins'; @import '_miniature'; +$icon-size: 16px; + +::ng-deep my-video-list-header { + display: flex; + flex-grow: 1; +} + .videos-header { display: flex; justify-content: space-between; - align-items: baseline; - - .title-page.title-page-single { - display: flex; - - my-feed { - display: inline-block; - top: 1px; - width: max-content; - } - } + align-items: center; - .action-block { - a button { - @include peertube-button; - @include grey-button; - @include button-with-icon(18px, 3px, -1px); - } + my-feed { + display: inline-block; + width: calc(#{$icon-size} - 2px); } .moderation-block { + margin-left: .4rem; display: flex; - flex-grow: 1; justify-content: flex-end; align-items: center; + + my-global-icon { + position: relative; + width: $icon-size; + } } } @@ -51,7 +50,16 @@ } .margin-content { - @include fluid-videos-miniature-layout; + @include grid-videos-miniature-layout; +} + +.display-as-row.videos { + margin-left: pvar(--horizontalMarginContent); + margin-right: pvar(--horizontalMarginContent); + + .video-wrapper { + margin-bottom: 15px; + } } @media screen and (max-width: $mobile-view) { @@ -63,7 +71,7 @@ .title-page { margin-bottom: 10px; - margin-right: 0px; + margin-right: 0; } } }