Merge branch 'release/2.1.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / buttons / button.component.scss

diff --git a/client/src/app/shared/buttons/button.component.scss b/client/src/app/shared/buttons/button.component.scss
index 343aea2079a1b93a5fd60189cf4174f202fc3982..3ccfefd7e022eedadabc5ab51daf54de53c31e18 100644 (file)
--- a/client/src/app/shared/buttons/button.component.scss
+++ b/client/src/app/shared/buttons/button.component.scss
@@ -1,32 +1,35 @@
 @import '_variables';
 @import '_mixins';
 
+my-small-loader ::ng-deep .root {
+  display: inline-block;
+  margin: 0 3px 0 0;
+  width: 20px;
+}
+
 .action-button {
   @include peertube-button-link;
+  @include button-with-icon(21px, 0, -2px);
+}
 
-  font-size: 15px;
-  font-weight: $font-semibold;
-  color: #585858;
-  background-color: #E5E5E5;
-
-  &:hover {
-    background-color: #EFEFEF;
-  }
-
-  .icon {
-    @include icon(21px);
+.orange-button {
+  @include peertube-button;
+  @include orange-button;
+}
 
-    position: relative;
-    top: -2px;
+.orange-button-link {
+  @include peertube-button-link;
+  @include orange-button;
+}
 
-    &.icon-edit {
-      background-image: url('../../../assets/images/global/edit-grey.svg');
-    }
+.grey-button {
+  @include peertube-button;
+  @include grey-button;
+}
 
-    &.icon-delete-grey {
-      background-image: url('../../../assets/images/global/delete-grey.svg');
-    }
-  }
+.grey-button-link {
+  @include peertube-button-link;
+  @include grey-button;
 }
 
 // In a table, try to minimize the space taken by this button