fix for spacing and replaced <br> with newlines

src/assets/css/style.less

@@ -87,7 +87,7 @@ html, body {
 	font-size: 0.8em;
 	background-color: black;
 }
-#commandLine {
+#commandLine, #history {
 	white-space: pre-wrap;
 }
 #command {

src/index.php

@@ -13,7 +13,11 @@
 		<form><label id="compy">
 			<div id="screen">
 				<div id="scrollback">
-					<div id="history">i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br></div>
+<div id="history">
+i love u
+-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf
+
+</div>
 					<input id="command" name="command" type="text" value="" />
 					<div id="commandLine"><span id="ps1">a&gt;</span><span id="typing"></span></div>
 				</div>

src/scripts/index.js

@@ -42,14 +42,14 @@
 	};
 
 	var showResponse = function (response) {
-		commandHistory.innerHTML += response + '<br>';
+		commandHistory.innerHTML += response + '\n';
 		setInputEnabled(true);
 	};
 
 	var handleForm = function () {
 		var val = this.command.value;
 		setInputEnabled(false);
-		commandHistory.innerHTML += 'a&gt;' + escapeHTML(val) + '<br>';
+		commandHistory.innerHTML += 'a&gt;' + escapeHTML(val) + '\n';
 		setTimeout(function() { showResponse('Command not found.'); }, 500);
 		return false;
 	};