From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Wed, 21 Sep 2016 14:57:34 +0000 (+0200)
Subject: Fix the buttons margin and padding
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=89dbc6184ab3546c47c669e915bbcd6d9151c199;p=mezzo.git

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 fe9b8d02..38bc02a9 100755
--- 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;