added some traffic lights

public/css/unleash.css

@@ -0,0 +1,16 @@
+.toggle-active {
+    border: 1px solid black;
+    display: inline-block;
+    background-color: #3B7908;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+}
+.toggle-inactive {
+    border: 1px solid black;
+    display: inline-block;
+    background-color: #E7384A;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+}

public/js/components/feature/Feature.jsx

@@ -37,11 +37,13 @@ var Feature = React.createClass({
     },
 
     renderViewMode: function() {
-        var strikeThrough = this.props.feature.enabled ? '' : 'strikethrough';
-
         return (
             <tr>
-                <td className={strikeThrough}>
+                <td width="20">
+                    <span className={this.props.feature.enabled ? "toggle-active" : "toggle-inactive"} title="Status">
+                    </span>
+                </td>
+                <td>
                     {this.props.feature.name}
                 </td>
 
@@ -53,7 +55,7 @@ var Feature = React.createClass({
                     {this.props.feature.strategy}
                 </td>
 
-                <td>
+                <td className="rightify">
                     <input type='button' value='Edit' onClick={this.toggleEditMode}/>
                 </td>
             </tr>

public/js/components/feature/FeatureList.jsx

@@ -17,6 +17,7 @@ var FeatureList = React.createClass({
             <table className='outerborder'>
               <thead>
                 <tr>
+                  <th></th>
                   <th>Name</th>
                   <th>Description</th>
                   <th>Strategy</th>