Add icon to delete history button

diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.html b/client/src/app/+my-account/my-account-history/my-account-history.component.html
index d42af37d4a475f36dd6a05fce6f8ab93835c1d5d..2349f02f50c33388fdd86dfea22f961212a4c9c3 100644 (file)
--- a/client/src/app/+my-account/my-account-history/my-account-history.component.html
+++ b/client/src/app/+my-account/my-account-history/my-account-history.component.html
@@ -4,9 +4,10 @@
     <label i18n>History enabled</label>
   </div>
 
-  <div class="delete-history">
-    <button (click)="deleteHistory()" i18n>Delete history</button>
-  </div>
+  <button class="delete-history" (click)="deleteHistory()" i18n>
+    <my-global-icon iconName="delete"></my-global-icon>
+    Delete history
+  </button>
 </div>
 
 

diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.scss b/client/src/app/+my-account/my-account-history/my-account-history.component.scss
index b5c78e080bf9e4cf1ba5603a3dffb2cf2abb10cf..e03d81055cd4fe67fa2cf7993de569d89b7d2936 100644 (file)
--- a/client/src/app/+my-account/my-account-history/my-account-history.component.scss
+++ b/client/src/app/+my-account/my-account-history/my-account-history.component.scss
@@ -23,12 +23,11 @@
   }
 
   .delete-history {
-    font-size: 15px;
+    @include peertube-button;
+    @include grey-button;
+    @include button-with-icon;
 
-    button {
-      @include peertube-button;
-      @include grey-button;
-    }
+    font-size: 15px;
   }
 }