Add `minimize-user-comments` feature (#2146)

Co-Authored-By: Federico Brigante <github@bfred.it>

1 files changed, 17 insertions, 12 deletions

diff --git a/source/options.tsx b/source/options.tsx
index 89ee563b..c3388dee 100644
--- a/source/options.tsx
+++ b/source/options.tsx
@@ -32,25 +32,30 @@ function buildFeatureCheckbox({name, description, screenshot, disabled}: Feature
 	);
 
 	return (
-		<p>
+		<div className="feature">
 			<input type="checkbox" name={id} id={id} disabled={Boolean(disabled)} />
-			<label for={id} className="info">
-				<span className="feature-name">{name}</span>
-				{' '}
-				<a href={`https://github.com/sindresorhus/refined-github/blob/master/source/features/${name}.tsx`}>
-					source
-				</a>
-				{screenshot ? <>, <a href={screenshot}>screenshot</a></> : ''}
-				<br/>
-				<span className="description">{parsedDescription}</span>
-			</label>
-		</p>
+			<div className="info">
+				<label for={id}>
+					<span className="feature-name">{name}</span>
+					{' '}
+					<a href={`https://github.com/sindresorhus/refined-github/blob/master/source/features/${name}.tsx`}>
+						source
+					</a>
+					{screenshot ? <>, <a href={screenshot}>screenshot</a></> : ''}
+					<br/>
+					<p className="description">{parsedDescription}</p>
+				</label>
+			</div>
+		</div>
 	);
 }
 
 async function init(): Promise<void> {
 	select('.js-features')!.append(...__featuresInfo__.map(buildFeatureCheckbox));
 
+	// Move minimized users input field below the respective feature checkbox
+	select('[for="feature:minimize-user-comments"]')!.after(select('.js-minimized-users-container')!);
+
 	await optionsStorage.syncForm('#options-form');
 
 	fitTextarea.watch('textarea');