X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2Fvideo-list%2Fvideo-overview.component.scss;h=ade6f53b7d20e99551962e54c9695e3554d4bdb9;hb=3caf77d3b11f2dbc12e52d665183d36604c1dab9;hp=e7dc60b4b8164271952da6cc16034ee27d571883;hpb=6aff854c0e56a11b61fa1130763c7c86e46a4c4d;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/videos/video-list/video-overview.component.scss b/client/src/app/videos/video-list/video-overview.component.scss index e7dc60b4b..ade6f53b7 100644 --- a/client/src/app/videos/video-list/video-overview.component.scss +++ b/client/src/app/videos/video-list/video-overview.component.scss @@ -1,46 +1,11 @@ @import '_variables'; @import '_mixins'; +@import '_miniature'; -.section { - padding-top: 10px; - - &:first-child { - padding-top: 30px; - } - - my-video-miniature { - text-align: left; - } +.margin-content { + @include adapt-margin-content-width; } -.section-title { - font-size: 17px; - font-weight: $font-semibold; - margin-bottom: 20px; - - a { - @include disable-default-a-behaviour; - - color: #000; - } -} - -.channel { - .section-title a { - display: flex; - width: fit-content; - align-items: center; - - img { - @include avatar(30px); - - margin-right: 10px; - } - } +.section { + @include miniature-rows; } - -@media screen and (max-width: 500px) { - .section { - @include video-miniature-small-screen; - } -} \ No newline at end of file