X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-playlist%2Fvideo-playlist-element-miniature.component.scss;h=082a5d9b2e2fbd0d647c34b9b026c45b1382910c;hb=2d0d756e855e65e7235a86067b7e695b4ce6fc0f;hp=afd775b2554aaff3793eafac45c9247292240532;hpb=2711491ce1903adafb6a7768569a46ef68bfcd10;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss index afd775b25..082a5d9b2 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss @@ -22,12 +22,16 @@ my-video-thumbnail, } .video { - display: flex; - align-items: center; + display: grid; + grid-template-columns: 1fr auto; background-color: pvar(--mainBackgroundColor); padding: 10px; border-bottom: 1px solid $separator-border-color; + .more { + display: flex; + } + &:hover { background-color: rgba(0, 0, 0, 0.05); @@ -164,6 +168,7 @@ my-video-thumbnail, my-edit-button { display: inline-flex; height: max-content; + margin: auto; } }