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,31 +1,41 @@ .action-selection-mode { width: 174px; + display: flex; + justify-content: flex-end; .action-selection-mode-child { position: fixed; + + .action-button { + display: inline-block; + } + + .action-button-cancel-selection { + @include peertube-button; + @include grey-button; + + margin-right: 10px; + } + + .action-button-delete-selection { + @include peertube-button; + @include orange-button; + } + + .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; } - - &.action-button-delete-selection { - background-color: $orange-color; - color: #fff; - - &:hover { - background-color: $orange-hoover-color; - } - } - - .icon { - &.icon-delete-white { - background-image: url('../../../assets/images/global/delete-white.svg'); - } - } } .video {