happy x-mas

1 files changed, 7 insertions, 2 deletions

diff --git a/app/assets/javascripts/es6_browserified/journey_patterns/components/JourneyPattern.js b/app/assets/javascripts/es6_browserified/journey_patterns/components/JourneyPattern.js
index f808bbb83..f1281fecd 100644
--- a/app/assets/javascripts/es6_browserified/journey_patterns/components/JourneyPattern.js
+++ b/app/assets/javascripts/es6_browserified/journey_patterns/components/JourneyPattern.js
@@ -10,12 +10,17 @@ const JourneyPattern = (props) => {
       <p className='small'><strong>Published name: </strong>{props.value.published_name}</p>
 
       <p className='small'><strong>Stop points: </strong></p>
-      <ul>
+      <ul className='list-group'>
         {props.value.stop_points.map((stopPoint, index) =>
           <li
             key={ index }
+            className='list-group-item clearfix'
           >
-            <span>{stopPoint.id}</span><span>{stopPoint.name}</span><span>{stopPoint.checked.toString()}</span>
+            <span className='label label-default' style={{marginRight: 5}}>{stopPoint.id}</span>
+            <span>{stopPoint.name}</span>
+            <span className='pull-right'>
+              <input type='checkbox' id={stopPoint.id} checked={stopPoint.checked}></input>
+            </span>
           </li>
         )}
       </ul>