From: Chocobozzz Date: Mon, 11 Dec 2017 09:38:17 +0000 (+0100) Subject: Fix selection buttons in my videos X-Git-Tag: v0.0.1-alpha~149^2~1 X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=dc595ab7caf407ab83cd55a641eadab0bbe778b3;p=github%2FChocobozzz%2FPeerTube.git Fix selection buttons in my videos --- diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html index 77f959fef..f69c0487d 100644 --- a/client/src/app/account/account-videos/account-videos.component.html +++ b/client/src/app/account/account-videos/account-videos.component.html @@ -19,7 +19,7 @@
- + Cancel 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 4c00431fa..5459014a6 100644 --- a/client/src/app/account/account-videos/account-videos.component.scss +++ b/client/src/app/account/account-videos/account-videos.component.scss @@ -1,33 +1,43 @@ .action-selection-mode { width: 174px; + display: flex; + justify-content: flex-end; .action-selection-mode-child { position: fixed; - } -} -/deep/ .action-button { + .action-button { + display: inline-block; + } - &.action-button-delete { - margin-right: 10px; - } + .action-button-cancel-selection { + @include peertube-button; + @include grey-button; - &.action-button-delete-selection { - background-color: $orange-color; - color: #fff; + margin-right: 10px; + } - &:hover { - background-color: $orange-hoover-color; + .action-button-delete-selection { + @include peertube-button; + @include orange-button; } - } - .icon { - &.icon-delete-white { + .icon.icon-delete-white { + @include icon(21px); + + position: relative; + top: -2px; background-image: url('../../../assets/images/global/delete-white.svg'); } } } +/deep/ .action-button { + &.action-button-delete { + margin-right: 10px; + } +} + .video { display: flex; height: 130px;