Updated styles and removed contract from deployment

app/css/app.css

@@ -54,6 +54,20 @@ h1.title {
   margin: 0;
   padding: 0;
   list-style: none;
+  width: 33%;
+  float: left;
+  display: block;
+  font-size: 1.5em;
+  text-align: center;
+  font-family: 'VT323', monospace;
+}
+
+.ship li i {
+  width: 100%;
+  float: left;
+  clear: both;
+  margin-bottom: 4px;
+  color: rgb(255, 99, 71);
 }
 
 .ship img {

app/index.html

@@ -4,6 +4,7 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
     <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
     <link rel="stylesheet" href="css/app.css">
 
   </head>
@@ -11,5 +12,6 @@
     <h1 class="title">CryptoNaves</h1>
     <div id="app"></div>
     <script src="js/app.js"></script>
+    <script src="https://use.fontawesome.com/4271dff08f.js"></script>
   </body>
 </html>

app/js/components/addToken.js

@@ -103,21 +103,21 @@ class AddToken extends Component {
             <FormGroup>
               <Row>
                 <Col sm={2} md={2}>
-                  <ControlLabel>Energ&iacute;a</ControlLabel>                  
+                  <ControlLabel><i className="fa fa-dashboard" aria-hidden="true"></i> Energ&iacute;a</ControlLabel>                  
                   <FormControl
                     type="text"
                     value={this.state.energy}
                     onChange={(e) => this.handleChange('energy', e.target.value)} />
                 </Col>
                 <Col sm={2} md={2}>
-                  <ControlLabel>Lasers</ControlLabel>                  
+                  <ControlLabel><i className="fa fa-rocket" aria-hidden="true"></i> Lasers</ControlLabel>                  
                   <FormControl
                     type="text"
                     value={this.state.lasers}
                     onChange={(e) => this.handleChange('lasers', e.target.value)} />
                 </Col>
                 <Col sm={2} md={2}>
-                  <ControlLabel>Escudo</ControlLabel>                  
+                  <ControlLabel><i className="fa fa-shield" aria-hidden="true"></i> Escudo</ControlLabel>                  
                   <FormControl
                     type="text"
                     value={this.state.shield}

app/js/components/ship.js

@@ -147,9 +147,9 @@ class Ship extends Component {
             <img src={image} />
             <br />
             <ul>
-                <li>Energia: {energy}</li>
-                <li>Lasers: {lasers}</li>
-                <li>Escudo: {shield}</li>
+                <li title="Energia"><i className="fa fa-dashboard" aria-hidden="true"></i> {energy}</li>
+                <li title="Lasers"><i className="fa fa-crosshairs" aria-hidden="true"></i> {lasers}</li>
+                <li title="Escudo"><i className="fa fa-shield" aria-hidden="true"></i> {shield}</li>
             </ul>
             { !wallet || marketplace
                 ? <Button disabled={isSubmitting} bsStyle="success" onClick={marketplace ? this.buyFromMarket : this.buyFromStore}>Comprar</Button> 

config/contracts.js

@@ -36,6 +36,8 @@ module.exports = {
       "SafeMath": { "deploy": false },
       "ERC721Token": { "deploy": false },
       "ERC721BasicToken": { "deploy": false },
+      "ERC721Holder": { "deploy": false },
+
       "Ownable": { "deploy": false },
       "SpaceshipToken": {
       },