X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Finclude%2F_miniature.scss;h=e4ed88d31d261984663c519870dd496fa3135a5e;hb=dc8902634864841be7ca483b8e1c0f5afa609c32;hp=26c327956d3170feff99080cc92526d7630e9532;hpb=8e8eb2614b4e6be90ea5cf2f7347f1eb40f28932;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss index 26c327956..e4ed88d31 100644 --- a/client/src/sass/include/_miniature.scss +++ b/client/src/sass/include/_miniature.scss @@ -142,10 +142,13 @@ $play-overlay-width: 18px; @mixin miniature-rows { max-height: 540px; // 2 rows max overflow: hidden; - padding-top: 10px; &:first-child { padding-top: 30px; + + .section-title { + border-top: none !important; + } } my-video-miniature { @@ -155,9 +158,11 @@ $play-overlay-width: 18px; .section-title { font-size: 24px; font-weight: $font-semibold; - margin-bottom: 30px; + padding-top: 15px; + margin-bottom: 15px; display: flex; justify-content: space-between; + border-top: 1px solid $separator-border-color; a { &:hover, &:focus:not(.focus-visible), &:active { @@ -194,6 +199,17 @@ $play-overlay-width: 18px; } } + .show-more { + position: relative; + top: -5px; + display: inline-block; + font-size: 16px; + text-transform: uppercase; + color: $grey-foreground-color; + margin-bottom: 10px; + font-weight: $font-semibold; + } + @media screen and (max-width: $mobile-view) { max-height: initial; overflow: initial;