diff --git a/js/components/ascribe_detail/detail_property.js b/js/components/ascribe_detail/detail_property.js index 781af6c8..943f9c1e 100644 --- a/js/components/ascribe_detail/detail_property.js +++ b/js/components/ascribe_detail/detail_property.js @@ -38,8 +38,8 @@ let DetailProperty = React.createClass({ return (
-
-
{ this.props.label + this.props.separator}
+
+ { this.props.label + this.props.separator}
{value} diff --git a/js/components/ascribe_detail/piece.js b/js/components/ascribe_detail/piece.js index 56270c8a..51f902b3 100644 --- a/js/components/ascribe_detail/piece.js +++ b/js/components/ascribe_detail/piece.js @@ -133,7 +133,7 @@ let Piece = React.createClass({ {this.props.piece.title}
} /> - {this.props.piece.num_editions > 0 ? : null} + {this.props.piece.num_editions > 0 ? : null}
diff --git a/js/components/whitelabel/prize/components/ascribe_detail/piece_container.js b/js/components/whitelabel/prize/components/ascribe_detail/piece_container.js index 88cb986c..e7f25250 100644 --- a/js/components/whitelabel/prize/components/ascribe_detail/piece_container.js +++ b/js/components/whitelabel/prize/components/ascribe_detail/piece_container.js @@ -52,7 +52,28 @@ let PieceContainer = React.createClass({ - + + ); + } else { + return ( +
+ +
+ ); + } + } +}); + + +let PrizePieceDetails = React.createClass({ + propTypes: { + piece: React.PropTypes.object + }, + render() { + if (this.props.piece.prize && this.props.piece.prize.name){ + return ( + @@ -69,16 +90,10 @@ let PieceContainer = React.createClass({
-
- - ); - } else { - return ( -
- -
+ ); } + return null; } }); diff --git a/sass/main.scss b/sass/main.scss index 462810fc..1b92bf6b 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -217,6 +217,10 @@ hr { padding-bottom: 0.4em; } +.ascribe-detail-property-label{ + font-size: 0.8em; +} + ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 0.9em; font-style: italic;