[fix] order of creature stats

package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaoticbackup",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Chaotic Backup",
   "scripts": {
     "start": "webpack-dev-server -d --inline --host 0.0.0.0 --history-api-fallback --progress",

src/components/portal/Single/Creature.js

@@ -91,7 +91,7 @@ export default class SingleCreature extends React.Component {
     );
 
     const elements = card_data.gsx$elements.$t.split(/[ ,]+/).map((item, i) => {
-      return <img className="icon" src={"/portal/src/img/icons/elements/"+item.toLowerCase()+".png"} alt={item} key={i}></img>;
+      return <img className="icon" src={"/src/img/icons/elements/"+item.toLowerCase()+".png"} alt={item} key={i}></img>;
     });
 
     const locations = creature.gsx$location.$t.split(/[,]+\s*/).map((item, i) => {
@@ -164,7 +164,7 @@ export default class SingleCreature extends React.Component {
         <hr />
         <div>
           <strong>Tribe: </strong>{this.state.tribe}
-          <img className="icon" src={"/portal/src/img/icons/tribes/"+this.state.tribe.toLowerCase()+".png"}></img>
+          <img className="icon" src={"/src/img/icons/tribes/"+this.state.tribe.toLowerCase()+".png"}></img>
         </div>
         <hr />
         <div>
@@ -177,6 +177,21 @@ export default class SingleCreature extends React.Component {
           {card_data.gsx$courage.$t}
         </div>
         <hr />
+        <div>
+          <strong>Power: </strong>
+          {card_data.gsx$power.$t}
+        </div>
+        <hr />
+        <div>
+          <strong>Speed: </strong>
+          {card_data.gsx$speed.$t}
+        </div>
+        <hr />
+        <div>
+          <strong>Wisdom: </strong>
+          {card_data.gsx$wisdom.$t}
+        </div>
+        <hr />
         <div>
           <strong>Elements: </strong>{elements}
         </div>
@@ -195,21 +210,6 @@ export default class SingleCreature extends React.Component {
           <strong>Mugic Ability: </strong>
           {card_data.gsx$mugicability.$t}
         </div>
-        <hr />
-        <div>
-          <strong>Power: </strong>
-          {card_data.gsx$power.$t}
-        </div>
-        <hr />
-        <div>
-          <strong>Speed: </strong>
-          {card_data.gsx$speed.$t}
-        </div>
-        <hr />
-        <div>
-          <strong>Wisdom: </strong>
-          {card_data.gsx$wisdom.$t}
-        </div>
       </div>
     );
   }