From bbbf6ebe376c7b6c3a64e14571a3a477b880e3ad Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Mon, 8 Jul 2024 09:38:27 +0200
Subject: [frontend] Better autocapitalize/spellcheck settings on forms (#3077)

---
 .../settings/views/admin/http-header-permissions/create.tsx      | 9 +++++++--
 .../settings/views/admin/http-header-permissions/detail.tsx      | 6 +++---
 2 files changed, 10 insertions(+), 5 deletions(-)

(limited to 'web/source/settings/views/admin/http-header-permissions')

diff --git a/web/source/settings/views/admin/http-header-permissions/create.tsx b/web/source/settings/views/admin/http-header-permissions/create.tsx
index 6613ac0f1..b3fec4b6d 100644
--- a/web/source/settings/views/admin/http-header-permissions/create.tsx
+++ b/web/source/settings/views/admin/http-header-permissions/create.tsx
@@ -100,7 +100,7 @@ export default function HeaderPermCreateForm({ permType }: { permType: PermType
 				field={form.header}
 				label={
 					<>
-						HTTP Header Name&nbsp;
+						Header Name&nbsp;
 						 <a
 							href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers"
 							target="_blank"
@@ -112,12 +112,15 @@ export default function HeaderPermCreateForm({ permType }: { permType: PermType
 					</>
 				}
 				placeholder={"User-Agent"}
+				autoCapitalize="none"
+				spellCheck="false"
+				{...{className: "monospace"}}
 			/>
 			<TextInput
 				field={form.regex}
 				label={
 					<>
-						HTTP Header Value RE2 Regex&nbsp;
+						Value Regex&nbsp;
 						<a
 							href="https://github.com/google/re2/wiki/Syntax"
 							target="_blank"
@@ -129,6 +132,8 @@ export default function HeaderPermCreateForm({ permType }: { permType: PermType
 					</>
 				}
 				placeholder={"^.*Some-User-Agent.*$"}
+				autoCapitalize="none"
+				spellCheck="false"
 				{...{className: "monospace"}}
 			/>
 			<MutationButton
diff --git a/web/source/settings/views/admin/http-header-permissions/detail.tsx b/web/source/settings/views/admin/http-header-permissions/detail.tsx
index 456f9a357..522f2dba2 100644
--- a/web/source/settings/views/admin/http-header-permissions/detail.tsx
+++ b/web/source/settings/views/admin/http-header-permissions/detail.tsx
@@ -164,7 +164,7 @@ function PermDeets({
 			<dl className="info-list">
 				<div className="info-list-entry">
 					<dt>ID</dt>
-					<dd>{perm.id}</dd>
+					<dd className="monospace">{perm.id}</dd>
 				</div>
 				<div className="info-list-entry">
 					<dt>Created</dt>
@@ -176,10 +176,10 @@ function PermDeets({
 				</div>
 				<div className="info-list-entry">
 					<dt>Header Name</dt>
-					<dd>{perm.header}</dd>
+					<dd className="monospace">{perm.header}</dd>
 				</div>
 				<div className="info-list-entry">
-					<dt>Header Value Regex</dt>
+					<dt>Value Regex</dt>
 					<dd className="monospace">{perm.regex}</dd>
 				</div>
 				<div className="info-list-entry">
-- 
cgit v1.2.3