Move project notes above the Add buttons on Runs page.

hammerlab · Jun 2, 2015 · bce35df · bce35df
1 parent ff0f741
commit bce35df
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 8 deletions.
diff --git a/cycledash/static/js/runs/components/RunsPage.js b/cycledash/static/js/runs/components/RunsPage.js
@@ -149,6 +149,7 @@ var ProjectTable = React.createClass({
               </a>
             </div>
           </div>
+          <p className='notes'>{this.props.notes}</p>
           <div className='add'>
             <button onClick={() => { this.displayRunForm(false); this.displayBAMForm(!this.state.displayBAMForm); }}
                     type='button' className='btn btn-default btn-xs'>
@@ -159,7 +160,6 @@ var ProjectTable = React.createClass({
               Add Run
             </button>
           </div>
-          <p className='notes'>{this.props.notes}</p>
         </div>
         {this.state.displayRunForm ? newRunForm : null}
         {this.state.displayBAMForm ? newBAMForm : null}

diff --git a/cycledash/static/scss/runs.scss b/cycledash/static/scss/runs.scss
@@ -41,18 +41,13 @@ div.project-header h2 {
   margin: 0;
 }
 div.project-header .notes {
-  margin: 17px 0;
-  width: 480px;
-  float: right;
+  margin-top: 0.5em;
 }
 div.project-header .add button {
   margin-right: 1em;
 }
 div.project-header .add {
-  margin-top: 1em;
-}
-div.project-header .add {
-  margin-top: 1em;
+  margin: 1em 0;
 }
 div.project-header div.project-stats {
   font-size: 1.2em;

diff --git a/tests/pdifftests/images/runs_bams.png b/tests/pdifftests/images/runs_bams.png
diff --git a/tests/pdifftests/images/runs_info.png b/tests/pdifftests/images/runs_info.png
diff --git a/tests/pdifftests/images/runs_page.png b/tests/pdifftests/images/runs_page.png