acl_unshare false for prize

piece prize details
num_submissions

js/components/ascribe_detail/detail_property.js

@@ -38,8 +38,8 @@ let DetailProperty = React.createClass({
         return (
             <div className="row ascribe-detail-property">
                 <div className="row-same-height">
-                    <div className={this.props.labelClassName + ' col-xs-height col-bottom'}>
+                    <div className={this.props.labelClassName + ' col-xs-height col-bottom ascribe-detail-property-label'}>
-                        <div>{ this.props.label + this.props.separator}</div>
+                        { this.props.label + this.props.separator}
                     </div>
                     <div className={this.props.valueClassName + ' col-xs-height col-bottom'}>
                         {value}

js/components/ascribe_detail/piece.js

@@ -133,7 +133,7 @@ let Piece = React.createClass({
                         <EditionDetailProperty label="TITLE" value={<div className="ascribe-detail-title">{this.props.piece.title}</div>} />
                         <EditionDetailProperty label="BY" value={this.props.piece.artist_name} />
                         <EditionDetailProperty label="DATE" value={ this.props.piece.date_created.slice(0, 4) } />
-                        {this.props.piece.num_editions > 0 ? <EditionDetailProperty label="NUMBER OF EDITIONS" value={ this.props.piece.num_editions } /> : null}
+                        {this.props.piece.num_editions > 0 ? <EditionDetailProperty label="EDITIONS" value={ this.props.piece.num_editions } /> : null}
                         <hr/>
                     </div>
                     <div className="ascribe-detail-header">

js/components/whitelabel/prize/components/ascribe_detail/piece_container.js

@@ -52,7 +52,28 @@ let PieceContainer = React.createClass({
                 <Piece
                     piece={this.state.piece}
                     loadPiece={this.loadPiece}>
-                    <CollapsibleParagraph
+                    <PrizePieceDetails piece={this.state.piece}/>
+                </Piece>
+            );
+        } else {
+            return (
+                <div className="fullpage-spinner">
+                    <img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
+                </div>
+            );
+        }
+    }
+});
+
+
+let PrizePieceDetails = React.createClass({
+    propTypes: {
+        piece: React.PropTypes.object
+    },
+    render() {
+        if (this.props.piece.prize && this.props.piece.prize.name){
+            return (
+                <CollapsibleParagraph
                         title="Prize Details"
                         show={true}
                         defaultExpanded={true}>
@@ -69,16 +90,10 @@ let PieceContainer = React.createClass({
                             </Property>
                             <hr />
                         </Form>
-                    </CollapsibleParagraph>
+                </CollapsibleParagraph>
-                </Piece>
-            );
-        } else {
-            return (
-                <div className="fullpage-spinner">
-                    <img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />
-                </div>
             );
         }
+        return null;
     }
 });
 

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;