More styles

familyark/app/public/js/buttons.js

@@ -37,7 +37,9 @@ $('document').ready(function(){
 					{ title: "Level" },
 					{ title: "Specie" },
 					{ title: "Options", className: "options-table", orderable: false,data: null, targets: -1, "mRender": function(data, type, full) {
-						return '<button class="btn btn-primary btn-sm" onclick="showAnimal(\''+ full[0] +'\')">Show</button>&nbsp;&nbsp;<button class="btn btn-info btn-sm" onclick="editAnimal(\''+ full[0] +'\')">Edit</button>&nbsp;&nbsp;<button class="btn btn-danger btn-sm" onclick="removeAnimal(\''+full[0]+'\')">Remove</button>';
+						return '<button class="btn btn-primary btn-sm" onclick="showAnimal(\''+ full[0] +'\')"><i class="fa fa-eye" aria-hidden="true"></i></button>&nbsp;&nbsp;'
+							+ '<button class="btn btn-info btn-sm" onclick="editAnimal(\''+ full[0] +'\')"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>&nbsp;&nbsp;'
+							+ '<button class="btn btn-danger btn-sm" onclick="removeAnimal(\''+full[0]+'\')"><i class="fa fa-times" aria-hidden="true"></i></button>';
 					}}
 				]});
 			$("#load").fadeOut("fast");

familyark/app/public/js/chart.js

@@ -10,8 +10,8 @@ function set_chart(data){
             label: 'Initial',
             stack: 'Stack 0',
             borderWidth: 2,
-            borderColor: "rgb(0, 153, 153, 0.5)",
-            backgroundColor: 'rgba(0, 153, 153, 0.9)',
+            borderColor: "rgb(0, 0, 0, 0.5)",
+            backgroundColor: 'rgba(0, 0, 0, 0.9)',
             data: [
                 data.initial_health ? data.initial_health.$numberDecimal : "",
                 data.initial_energy ? data.initial_energy.$numberDecimal : "",
@@ -23,8 +23,8 @@ function set_chart(data){
             label: 'Now',
             stack: 'Stack 0',
             borderWidth: 2,
-            borderColor: "rgb(0, 153, 153, 1)",
-            backgroundColor: 'rgba(0, 153, 153, 0.5)',
+            borderColor: "rgb(0, 0, 0, 1)",
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
             data: [
                 data.health ? data.health.$numberDecimal : "",
                 data.energy ? data.energy.$numberDecimal : "",