mobile optimization for installer

public/less/install.less

@@ -5,9 +5,21 @@ body, small, p, div { font-family: "Roboto", sans-serif; }
 .input-row {
 	margin-bottom: 20px;
 
+	.form-control {
+		margin-bottom: 5px;
+	}
+
+	.help-text {
+		pointer-events: none;
+	}
+
+	.input-field {
+		border-right: 5px solid #FFF;
+	}
+
 	&.active {
 		.input-field {
-			border-right: 5px solid #38B44A;
+			border-right-color: #38B44A;
 			padding-right: 20px;
 		}
 
@@ -18,7 +30,7 @@ body, small, p, div { font-family: "Roboto", sans-serif; }
 
 	&.error {
 		.input-field {
-			border-right: 5px solid #BF3E11;
+			border-right-color: #BF3E11;
 			padding-right: 20px;
 		}
 

src/views/install/index.tpl

@@ -58,9 +58,9 @@
 			<div class="row input-row">
 				<div class="col-sm-8 col-xs-12 input-field">
 					<label for="password">Password</label>
-					<input type="password" class="form-control" name="password" placeholder="Username" />	
+					<input type="password" class="form-control" name="password" placeholder="Password" />	
 				</div>
-				<div class="col-sm-4 help-text" data-help="Here is some sample help text. Username should be between <strong>6</strong> and <strong>12</strong> characters long."></div>
+				<div class="col-sm-4 help-text" data-help="Use a combination of numbers, symbols, and different cases. You can change the strictness of password creation in the Admin Control Panel."></div>
 			</div>
 		</form>
 	</div>