Fix the buttons margin and padding

diff --git a/app/static/src/sass/global/_buttons.scss b/app/static/src/sass/global/_buttons.scss
index fe9b8d021b11a02c3e36fa66327cfff58a39acfc..38bc02a999babac6a6b5136fd462c85a040207c4 100755 (executable)
--- a/app/static/src/sass/global/_buttons.scss
+++ b/app/static/src/sass/global/_buttons.scss
@@ -5,12 +5,14 @@ $module: ".button";
     border: 0;
     outline: 0;
     background: none;
+    box-sizing: border-box;
+    @include margin(0 .5 0 0);
 
     @include font-size(l);
     @include line-height(1);
     @include typeface(sans-serif);
-    @include padding(.25 1);
-    @include margin(0);
+    @include padding(.25 1 .5 1);
+    //@include margin(0);
     font-weight: weight(light);
 
     background: $color-main;
@@ -21,6 +23,10 @@ $module: ".button";
 
     @include transition(all 0.25s ease-in-out);
 
+    i {
+        @include margin-right(.25);
+    }
+
     &:hover {
         background: $color-black;
         color: white;
@@ -45,6 +51,7 @@ $module: ".button";
 
         background-color: white;
         color: $color-black;
+        border: 1px solid $color-black;
 
         &:hover {
             background-color: $color-black;