X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fabstract-video-list.scss;h=467ca1d2c7c62f869cb82c8f686c63245bf45459;hb=205e4f56f3da1f787f1bc2cdfcc39948a99a16b1;hp=0a8aa8fa4ef9b91e5075b0d1bfdd8271a38f6309;hpb=3da68f0a781ebd893521e2e6fa200280c92ae815;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 0a8aa8fa4..467ca1d2c 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 @@ -15,18 +15,9 @@ $iconSize: 16px; justify-content: space-between; align-items: center; - .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($iconSize, 3px, -1px); - } + my-feed { + display: inline-block; + width: calc(#{$iconSize} - 2px); } .moderation-block { @@ -34,21 +25,12 @@ $iconSize: 16px; my-global-icon { position: relative; width: $iconSize; - top: -2px; } margin-left: .4rem; display: flex; justify-content: flex-end; align-items: center; - - .dropdown-item { - padding: 0; - - ::ng-deep my-peertube-checkbox label { - padding: 3px 15px; - } - } } } @@ -69,7 +51,16 @@ $iconSize: 16px; } .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) {