Add styling to errorPage

client/homebrew/pages/basePages/uiPage/uiPage.less

@@ -1,6 +1,6 @@
 .uiPage{
 	.content{
-		overflow-y : hidden;
+		overflow-y : scroll;
 		width : 90vw;
 		background-color: #f0f0f0;
 		font-family: 'Open Sans';
@@ -21,6 +21,7 @@
 			text-transform: uppercase;
 			margin: 0.5em 30% 0.25em 0;
 			border-bottom: 2px solid slategrey;
+			width: 100%;
 		}
 		h1 {
 			font-size: 2em;
@@ -43,5 +44,19 @@
 		strong {
 			font-weight: bold;
 		}
+		em {
+			font-style:italic;
+		}
+		ul {
+			padding-left: 1.25em;
+			list-style: square;
+		}
+		.blank {
+			height     : 1em;
+			margin-top : 0;
+			& + * {
+				margin-top : 0;
+			}
+		}
 	}
 }

client/homebrew/pages/errorPage/errorPage.jsx

@@ -26,10 +26,14 @@ const ErrorPage = createClass({
 		const errorText = ErrorIndex()[this.props.brew.status.toString()] || '';
 
 		return <UIPage brew={{ title: 'Crit Fail!' }}>
-			<h1>{`Error ${this.props.brew.status || '000'}`}</h1>
+			<div className='dataGroup'>
-			<p>{this.props.brew.text || 'No error text'}</p>
+				<div className='errorTitle'>
-			<hr />
+					<h1>{`Error ${this.props.brew.status || '000'}`}</h1>
-			<div dangerouslySetInnerHTML={{ __html: Markdown.render(errorText) }} />
+					<h4>{this.props.brew.text || 'No error text'}</h4>
+				</div>
+				<hr />
+				<div dangerouslySetInnerHTML={{ __html: Markdown.render(errorText) }} />
+			</div>
 		</UIPage>;
 	}
 });

client/homebrew/pages/errorPage/errorPage.less

@@ -1,5 +1,15 @@
-.errorPage{
+.uiPage{
 	.errorTitle{
-		background-color: @orange;
+		//background-color: @orange;
+		color: #d02727;
+		text-align: center;
+	}
+	.content {
+		h1, h2, h3, h4 {
+			border-bottom: none;
+		}
+		hr {
+			border-bottom: 2px solid slategrey;
+		}
 	}
 }