cleanup installer.less

public/less/install.less

@@ -1,6 +1,15 @@
-.btn, .form-control, .navbar { border-radius: 0; }
-.container { font-size: 18px; }
-body, small, p, div { font-family: "Roboto", sans-serif; }
+.btn, .form-control, .navbar {
+	border-radius: 0;
+}
+
+.container {
+	font-size: 18px;
+	margin-bottom: 100px;
+}
+
+body, small, p, div {
+	font-family: "Roboto", sans-serif;
+}
 
 .input-row {
 	margin-bottom: 20px;
@@ -11,6 +20,10 @@ body, small, p, div { font-family: "Roboto", sans-serif; }
 
 	.help-text {
 		pointer-events: none;
+		line-height: 20px;
+		color: #888;
+		font-size: 85%;
+		display: none;
 	}
 
 	.input-field {
@@ -38,11 +51,4 @@ body, small, p, div { font-family: "Roboto", sans-serif; }
 			display: block;
 		}
 	}
-}
-
-.help-text {
-	line-height: 20px;
-	color: #888;
-	font-size: 85%;
-	display: none;
 }

src/views/install/index.tpl

@@ -76,6 +76,19 @@
 				</div>
 				<div class="col-sm-5 help-text" data-help="Please confirm your password."></div>
 			</div>
+
+			<p>
+				<h1><small>Configure your database</small></h1>
+				<hr />
+			</p>
+
+			<div class="row input-row">
+				<div class="col-sm-7 col-xs-12 input-field">
+					<label for="confirm">Confirm Password</label>
+					<input type="password" class="form-control" name="confirm" placeholder="Confirm Password" />	
+				</div>
+				<div class="col-sm-5 help-text" data-help="Please confirm your password."></div>
+			</div>
 		</form>
 	</div>