X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=inline;f=client%2Fsrc%2Fapp%2Faccount%2Faccount-videos%2Faccount-videos.component.scss;h=449cc6af4ae1eb1c99d73face6b609ae4c20f762;hb=0cd4344f3cf529b15308fcf3eb7d7eb07726df56;hp=5459014a6a118036864440bd958a59cb4387bde9;hpb=fada8d75550dc7365f7e18ee1569b9406251d660;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/account/account-videos/account-videos.component.scss b/client/src/app/account/account-videos/account-videos.component.scss index 5459014a6..449cc6af4 100644 --- a/client/src/app/account/account-videos/account-videos.component.scss +++ b/client/src/app/account/account-videos/account-videos.component.scss @@ -1,3 +1,6 @@ +@import '_variables'; +@import '_mixins'; + .action-selection-mode { width: 174px; display: flex; @@ -40,21 +43,24 @@ .video { display: flex; - height: 130px; + min-height: 130px; padding-bottom: 20px; - - input[type=checkbox] { - margin-right: 20px; - outline: 0; - } + margin-bottom: 20px; + border-bottom: 1px solid #C6C6C6; &:first-child { margin-top: 47px; } - &:not(:last-child) { - margin-bottom: 20px; - border-bottom: 1px solid #C6C6C6; + .checkbox-container { + display: flex; + align-items: center; + margin-right: 20px; + margin-left: 12px; + + input[type=checkbox] { + @include peertube-checkbox(2px); + } } my-video-thumbnail { @@ -65,6 +71,10 @@ flex-grow: 1; .video-info-name { + @include disable-default-a-behaviour; + + color: #000; + display: block; font-size: 16px; font-weight: $font-semibold; } @@ -73,6 +83,10 @@ font-size: 13px; } } + + .video-buttons { + min-width: 190px; + } } @media screen and (max-width: 800px) {