X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fvideo%2Fvideo-miniature.component.scss;h=3988cc0556380d0135a1eb524a7aeb931e9c1962;hb=ba430d7516bc5b1324b60571ba7594460969b7fb;hp=3658ee3c006608852a77bbf014370b15db5062db;hpb=dc8902634864841be7ca483b8e1c0f5afa609c32;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index 3658ee3c0..3988cc055 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss @@ -3,7 +3,7 @@ @import '_miniature'; $more-button-width: 41px; -$more-margin-right: 10px; +$more-margin-right: 15px; .video-miniature { width: $video-miniature-width; @@ -64,7 +64,6 @@ $more-margin-right: 10px; .video-actions { margin-top: 3px; - margin-right: $more-margin-right; width: $more-button-width; height: 30px; @@ -109,8 +108,10 @@ $more-margin-right: 10px; .video-bottom { .video-miniature-information { - width: auto; - min-width: 500px; + @media screen and (min-width: $small-view) { + width: auto; + min-width: 500px; + } .video-miniature-name { @include ellipsis-multiline(1.3em, 2);