From 26442c92300a671fe46aeac1adc5a64b00d7f2c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Tue, 30 Jun 2015 17:12:13 +0200
Subject: [PATCH] add margins to button lists

---
 js/components/ascribe_buttons/acl_button.js          |  4 ++--
 .../piece_list_bulk_modal.js                         |  2 +-
 js/components/edition.js                             | 12 ++++++------
 sass/main.scss                                       |  4 ++++
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/js/components/ascribe_buttons/acl_button.js b/js/components/ascribe_buttons/acl_button.js
index 526581c8..e31460c2 100644
--- a/js/components/ascribe_buttons/acl_button.js
+++ b/js/components/ascribe_buttons/acl_button.js
@@ -74,9 +74,9 @@ let AclButton = React.createClass({
         return (
             <ModalWrapper
                 button={
-                    <div className={shouldDisplay ? 'btn btn-default btn-sm' : 'hidden'}>
+                    <button className={shouldDisplay ? 'btn btn-default btn-sm' : 'hidden'}>
                         {this.props.action.toUpperCase()}
-                    </div>
+                    </button>
                 }
                 handleSuccess={ aclProps.handleSuccess }
                 title={ aclProps.title }
diff --git a/js/components/ascribe_piece_list_bulk_modal/piece_list_bulk_modal.js b/js/components/ascribe_piece_list_bulk_modal/piece_list_bulk_modal.js
index c50c09fd..f302374e 100644
--- a/js/components/ascribe_piece_list_bulk_modal/piece_list_bulk_modal.js
+++ b/js/components/ascribe_piece_list_bulk_modal/piece_list_bulk_modal.js
@@ -102,7 +102,7 @@ let PieceListBulkModal = React.createClass({
                                     availableAcls={availableAcls}
                                     editions={selectedEditions}
                                     handleSuccess={this.handleSuccess}
-                                    className="text-center"/>
+                                    className="text-center ascribe-button-list"/>
                             </div>
                         </div>
                     </div>
diff --git a/js/components/edition.js b/js/components/edition.js
index 3d2193ae..073bb952 100644
--- a/js/components/edition.js
+++ b/js/components/edition.js
@@ -253,7 +253,7 @@ let EditionSummary = React.createClass({
                 <Row>
                     <Col md={12}>
                         <AclButtonList
-                            className="text-center"
+                            className="text-center ascribe-button-list"
                             availableAcls={this.props.edition.acl}
                             editions={[this.props.edition]}
                             handleSuccess={this.handleSuccess} />
@@ -577,14 +577,14 @@ let CoaDetails = React.createClass({
         if (this.state.coa.url_safe) {
             return (
                 <div>
-                    <p className="text-center">
-                        <Button bsSize="xsmall" href={this.state.coa.url_safe} target="_blank">
+                    <p className="text-center ascribe-button-list">
+                        <button className="btn btn-default btn-xs" href={this.state.coa.url_safe} target="_blank">
                             Download <Glyphicon glyph="cloud-download"/>
-                        </Button>
+                        </button>
                         <Link to="coa_verify">
-                            <Button bsSize="xsmall">
+                            <button className="btn btn-default btn-xs">
                                 Verify <Glyphicon glyph="check"/>
-                            </Button>
+                            </button>
                         </Link>
 
                     </p>
diff --git a/sass/main.scss b/sass/main.scss
index 4b7230bb..681e5149 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -242,3 +242,7 @@ body {
 .col-bottom {
     vertical-align: bottom;
 }
+
+.ascribe-button-list button {
+    margin-right: 1em;
+}
\ No newline at end of file