! Fixing message box to look decent

- Moving Initialization code into src/init.js

freechat-client/sass/message-box.scss

@@ -0,0 +1,14 @@
+// Now the message box which must be pinned at the bottom
+#send-container {
+	position: absolute;
+	bottom: 0;
+	height: 60px;
+}
+
+#message-box {
+	margin-top: auto;
+}
+
+#message-area {
+	width: 50vw;
+}

freechat-client/sass/style.scss

@@ -3,6 +3,7 @@
 @import 'join-modal';
 @import 'channels';
 @import 'settings-modal';
+@import 'message-box';
 
 body {
     color: $text;
@@ -113,20 +114,4 @@ ul ul a {
 	max-height: 1005px; // 1080 - $send-container-height
 }
 
-// Now the message box which must be pinned at the bottom
-#send-container {
-	position: absolute;
-	bottom: 0;
-	height: 50px;
-	width: 100vw;
-}
-
-#message-box {
-	padding-right: 25px;
-}
-
-#message-submit {
-	padding-left: 25px;
-	width: 25px;
-}