Add margins on wysiwyg buttons

diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss
index 722112026a7b2e3f36c91bffd4facf90725188c5..eb7318fbe7f14f2334c18923304b226573abc55c 100644 (file)
--- a/app/static/src/sass/global/_wysiwyg.scss
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -4,10 +4,12 @@ a.wys-button {
     .page__block--black & {
         color: $color-black;
         &:hover {
-            color: $color-main;
+            color: white;
         }
     }
 
+    @include margin(1);
+
 }
 
 a.wys-button-small {
@@ -17,10 +19,12 @@ a.wys-button-small {
     .page__block--black & {
         color: $color-black;
         &:hover {
-            color: $color-main;
+            color: white;
         }
     }
 
+    @include margin(1);
+
 }
 
 a.wys-button-xsmall {
@@ -30,10 +34,12 @@ a.wys-button-xsmall {
     .page__block--black & {
         color: $color-black;
         &:hover {
-            color: $color-main;
+            color: white;
         }
     }
 
+    @include margin(1);
+
 }
 
 a.wys-button-black {
@@ -48,6 +54,8 @@ a.wys-button-black {
         }
     }
 
+    @include margin(1);
+
 }
 
 a.wys-button-black-small {
@@ -63,6 +71,8 @@ a.wys-button-black-small {
         }
     }
 
+    @include margin(1);
+
 }
 
 a.wys-button-black-xsmall {
@@ -78,4 +88,6 @@ a.wys-button-black-xsmall {
         }
     }
 
+    @include margin(1);
+
 }