So much polish

client/homebrew/editor/editor.jsx

@@ -55,6 +55,11 @@ var Icons = [
 		icon : 'fa-arrows-v',
 		snippet : "<div style='margin-top:140px'></div>\n\n",
 		tooltip : "Vertical Spacing"
+	},
+	{
+		icon : 'fa-image',
+		snippet : "<img />",
+		tooltip : "Insert Image"
 	}
 
 
@@ -68,6 +73,10 @@ var Editor = React.createClass({
 		};
 	},
 
+	componentDidMount: function() {
+		this.refs.textarea.focus();
+	},
+
 	handleTextChange : function(e){
 		this.props.onChange(e.target.value);
 	},

client/homebrew/editor/editor.less

@@ -4,11 +4,13 @@
 	height     : 100%;
 	min-height : 100%;
 	width      : 100%;
+	display: flex;
+	  flex-direction: column;
 	.textIcons{
-		position       : absolute;
 		display        : inline-block;
 		vertical-align : top;
 		.icon{
+			display     : inline-block;
 			height      : 30px;
 			width       : 30px;
 			cursor      : pointer;
@@ -26,10 +28,13 @@
 		}
 	}
 	textarea{
-		display    : inline-block;
+		box-sizing : border-box;
 		resize     : none;
 		overflow-y : scroll;
 		height     : 100%;
 		width      : 100%;
+		padding    : 10px;
+		border     : none;
+		outline: none;
 	}
 }