From 4b4e5ed886371d24356d41223a46d01d61a4f25d Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Mon, 6 Jun 2016 14:06:11 -0700
Subject: [PATCH] Change project list according to #8867

---
 .../challenges/components/project/Project.jsx | 36 ++++---------------
 1 file changed, 7 insertions(+), 29 deletions(-)

diff --git a/common/app/routes/challenges/components/project/Project.jsx b/common/app/routes/challenges/components/project/Project.jsx
index 106b3066d1..05518335e4 100644
--- a/common/app/routes/challenges/components/project/Project.jsx
+++ b/common/app/routes/challenges/components/project/Project.jsx
@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 
 import Youtube from 'react-youtube';
 import PureComponent from 'react-pure-render/component';
-import { Button, ButtonGroup, Col, Row } from 'react-bootstrap';
+import { Button, ButtonGroup, Col } from 'react-bootstrap';
 
 import { challengeSelector } from '../../redux/selectors';
 
@@ -69,33 +69,11 @@ export class Project extends PureComponent {
   renderDescription(title = '', description = []) {
     return description
       .map((line, index) => (
-        <Row
-          className='checklist-element'
-          id={ title + index }
+        <li
+          className='step-text wrappable'
+          dangerouslySetInnerHTML={{ __html: line }}
           key={ title.slice(6) + index }
-        >
-          <Col
-            className='padded-ionic-icon text-center'
-            md={ 2 }
-            sm={ 1 }
-            xs={ 3 }
-          >
-            <input
-              className='challenge-list-checkbox'
-              type='checkbox'
-            />
-          </Col>
-          <Col
-            md={ 10 }
-            sm={ 11 }
-            xs={ 9 }
-          >
-            <li
-              className='step-text wrappable'
-              dangerouslySetInnerHTML={{ __html: line }}
-            />
-          </Col>
-        </Row>
+        />
       ));
   }
 
@@ -121,9 +99,9 @@ export class Project extends PureComponent {
             { this.renderIcon(isCompleted) }
           </h4>
           <hr />
-          <ol>
+          <ul>
             { this.renderDescription(title, description) }
-          </ol>
+          </ul>
         </Col>
         <Col
           md={ 8 }