webcompat#1261 fix the buttons with the new layout

karlcow · Jan 5, 2017 · 773ec47 · 773ec47
1 parent 28c4598
commit 773ec47
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/webcompat/static/css/development/components/button.css b/webcompat/static/css/development/components/button.css
@@ -26,6 +26,7 @@
   background-image: none;
   user-select: none;
   -webkit-appearance: none;
+  margin: 0 1em .5em 1em;
 }
   /**
   * Remove excess padding and border in Firefox 4+

diff --git a/webcompat/static/css/development/components/comment.css b/webcompat/static/css/development/components/comment.css
@@ -124,7 +124,10 @@
   /* Button */
   .wc-Comment-button {
     text-align: right;
-    margin:1.2em 0 0;
+    margin: 0.6em auto 0 auto;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
   }
 
   @media all and (max-width: 48.12em) {

diff --git a/webcompat/static/css/development/components/form.css b/webcompat/static/css/development/components/form.css
@@ -15,7 +15,6 @@
   /* group item */
   .wc-Form-group {
     position: relative;
-    margin-bottom: 1.6em;
   }
 
   /* information: wrap label and helpMessage */