react/components/PublishStatus.jsx

@@ -46,7 +46,7 @@ function PublishStatus ({ status, message }) {
 
 PublishStatus.propTypes = {
   status : PropTypes.string.isRequired,
-  message: PropTypes.string.isRequired,
+  message: PropTypes.string,
 };
 
 export default PublishStatus;

react/containers/ChannelCreateForm/view.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import ProgressBar from 'components/ProgressBar';
 import { makeGetRequest, makePostRequest } from 'utils/xhr';
 import { setUserCookies } from 'utils/cookies';
 
@@ -150,7 +151,10 @@ class ChannelCreateForm extends React.Component {
             </div>
           </form>
         ) : (
-            <p className="label">{this.state.status}</p>
+          <div>
+            <p className="fine-print">{this.state.status}</p>
+            <ProgressBar size={12}/>
+          </div>
         )}
       </div>
     );

react/containers/PublishMetadataInputs/view.jsx

@@ -25,7 +25,6 @@ class PublishMetadataInputs extends React.Component {
   render () {
     return (
       <div id="publish-details" className="row row--padded row--no-top row--wide">
-        <a className="label link--primary" id="publish-details-toggle" href="#" onClick={this.toggleShowInputs}>{this.props.showMetadataInputs ? '[less]' : '[more]'}</a>
       {this.props.showMetadataInputs && (
         <div>
           <div className="row row--no-top">
@@ -66,6 +65,7 @@ class PublishMetadataInputs extends React.Component {
           </div>
         </div>
       )}
+      <a className="label link--primary" id="publish-details-toggle" href="#" onClick={this.toggleShowInputs}>{this.props.showMetadataInputs ? '[less]' : '[more]'}</a>
       </div>
     );
   }