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 {