From 5b53fb6fe955a062c881bb319edf0c317573a325 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Sun, 4 Jul 2021 21:51:42 +0200
Subject: [PATCH] connect-form: improve HTML indentation

---
 components/connect-form.js | 56 +++++++++++++++++++++++++++++++++-----
 1 file changed, 49 insertions(+), 7 deletions(-)

diff --git a/components/connect-form.js b/components/connect-form.js
index 6a500ac..4f796e6 100644
--- a/components/connect-form.js
+++ b/components/connect-form.js
@@ -88,7 +88,13 @@ export default class ConnectForm extends Component {
 			serverURL = html`
 				<label>
 					Server URL:<br/>
-					<input type="text" name="url" value=${this.state.url} disabled=${disabled} inputmode="url"/>
+					<input
+						type="text"
+						name="url"
+						value=${this.state.url}
+						disabled=${disabled}
+						inputmode="url"
+					/>
 				</label>
 				<br/><br/>
 			`;
@@ -126,7 +132,13 @@ export default class ConnectForm extends Component {
 		let autojoin = html`
 			<label>
 				Auto-join channels:<br/>
-				<input type="text" name="autojoin" value=${this.state.autojoin} disabled=${disabled} placeholder="Comma-separated list of channels"/>
+				<input
+					type="text"
+					name="autojoin"
+					value=${this.state.autojoin}
+					disabled=${disabled}
+					placeholder="Comma-separated list of channels"
+				/>
 			</label>
 			<br/>
 		`;
@@ -140,7 +152,14 @@ export default class ConnectForm extends Component {
 
 				<label>
 					Nickname:<br/>
-					<input type="username" name="nick" value=${this.state.nick} disabled=${disabled} ref=${this.nickInput} autofocus required/>
+					<input
+						type="username"
+						name="nick"
+						value=${this.state.nick}
+						disabled=${disabled}
+						ref=${this.nickInput}
+						required
+					/>
 				</label>
 				<br/><br/>
 
@@ -149,7 +168,12 @@ export default class ConnectForm extends Component {
 				${!isAutojoinAdvanced ? [autojoin, html`<br/>`] : null}
 
 				<label>
-					<input type="checkbox" name="rememberMe" checked=${this.state.rememberMe} disabled=${disabled}/>
+					<input
+						type="checkbox"
+						name="rememberMe"
+						checked=${this.state.rememberMe}
+						disabled=${disabled}
+					/>
 					Remember me
 				</label>
 				<br/><br/>
@@ -163,19 +187,37 @@ export default class ConnectForm extends Component {
 
 					<label>
 						Username:<br/>
-						<input type="username" name="username" value=${this.state.username} disabled=${disabled} placeholder="Same as nickname"/>
+						<input
+							type="username"
+							name="username"
+							value=${this.state.username}
+							disabled=${disabled}
+							placeholder="Same as nickname"
+						/>
 					</label>
 					<br/><br/>
 
 					<label>
 						Real name:<br/>
-						<input type="text" name="realname" value=${this.state.realname} disabled=${disabled} placeholder="Same as nickname"/>
+						<input
+							type="text"
+							name="realname"
+							value=${this.state.realname}
+							disabled=${disabled}
+							placeholder="Same as nickname"
+						/>
 					</label>
 					<br/><br/>
 
 					<label>
 						Server password:<br/>
-						<input type="text" name="pass" value=${this.state.pass} disabled=${disabled} placeholder="None"/>
+						<input
+							type="text"
+							name="pass"
+							value=${this.state.pass}
+							disabled=${disabled}
+							placeholder="None"
+						/>
 					</label>
 					<br/><br/>