Fix order of command

embark-ui/src/actions/index.js

@@ -65,7 +65,7 @@ export const processes = {
 export const COMMANDS = createRequestTypes('COMMANDS');
 export const commands = {
   post: (command) => action(COMMANDS[REQUEST], {command}),
-  success: (command) => action(COMMANDS[SUCCESS], {commands: [command]}),
+  success: (command) => action(COMMANDS[SUCCESS], {commands: [{timestamp: new Date().getTime(), ...command}]}),
   failure: (error) => action(COMMANDS[FAILURE], {error})
 };
 

embark-ui/src/components/Console.css

@@ -1,4 +1,6 @@
 .console--results {
   height: 200px;
   overflow-y: scroll;
+  background-color: #000000;
+  color: #ffffff;
 }

embark-ui/src/components/Console.js

@@ -25,6 +25,7 @@ class Console extends Component {
   }
 
   handleChange(event) {
+    event.preventDefault();
     this.setState({value: event.target.value});
   }
 

embark-ui/src/reducers/index.js

@@ -41,6 +41,9 @@ const sorter = {
   },
   messages: function(a, b) {
     return a.time - b.time;
+  },
+  commands: function(a, b) {
+    return b.timestamp - a.timestamp;
   }
 };