1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00

add margins to button lists

This commit is contained in:
Tim Daubenschütz 2015-06-30 17:12:13 +02:00
parent a8120867b9
commit 26442c9230
4 changed files with 13 additions and 9 deletions

View File

@ -74,9 +74,9 @@ let AclButton = React.createClass({
return ( return (
<ModalWrapper <ModalWrapper
button={ button={
<div className={shouldDisplay ? 'btn btn-default btn-sm' : 'hidden'}> <button className={shouldDisplay ? 'btn btn-default btn-sm' : 'hidden'}>
{this.props.action.toUpperCase()} {this.props.action.toUpperCase()}
</div> </button>
} }
handleSuccess={ aclProps.handleSuccess } handleSuccess={ aclProps.handleSuccess }
title={ aclProps.title } title={ aclProps.title }

View File

@ -102,7 +102,7 @@ let PieceListBulkModal = React.createClass({
availableAcls={availableAcls} availableAcls={availableAcls}
editions={selectedEditions} editions={selectedEditions}
handleSuccess={this.handleSuccess} handleSuccess={this.handleSuccess}
className="text-center"/> className="text-center ascribe-button-list"/>
</div> </div>
</div> </div>
</div> </div>

View File

@ -253,7 +253,7 @@ let EditionSummary = React.createClass({
<Row> <Row>
<Col md={12}> <Col md={12}>
<AclButtonList <AclButtonList
className="text-center" className="text-center ascribe-button-list"
availableAcls={this.props.edition.acl} availableAcls={this.props.edition.acl}
editions={[this.props.edition]} editions={[this.props.edition]}
handleSuccess={this.handleSuccess} /> handleSuccess={this.handleSuccess} />
@ -577,14 +577,14 @@ let CoaDetails = React.createClass({
if (this.state.coa.url_safe) { if (this.state.coa.url_safe) {
return ( return (
<div> <div>
<p className="text-center"> <p className="text-center ascribe-button-list">
<Button bsSize="xsmall" href={this.state.coa.url_safe} target="_blank"> <button className="btn btn-default btn-xs" href={this.state.coa.url_safe} target="_blank">
Download <Glyphicon glyph="cloud-download"/> Download <Glyphicon glyph="cloud-download"/>
</Button> </button>
<Link to="coa_verify"> <Link to="coa_verify">
<Button bsSize="xsmall"> <button className="btn btn-default btn-xs">
Verify <Glyphicon glyph="check"/> Verify <Glyphicon glyph="check"/>
</Button> </button>
</Link> </Link>
</p> </p>

View File

@ -242,3 +242,7 @@ body {
.col-bottom { .col-bottom {
vertical-align: bottom; vertical-align: bottom;
} }
.ascribe-button-list button {
margin-right: 1em;
}