[chore] Update + add fonts for additional scripts, use locally installed font if available (#3997)

* [chore] Update + add fonts for additional scripts, use locally installed font if available

* update comments

3 files changed, 4 insertions, 1 deletions

diff --git a/web/source/settings/views/user/applications/callback.tsx b/web/source/settings/views/user/applications/callback.tsx
index f1634cc6f..8cf3f3e0d 100644
--- a/web/source/settings/views/user/applications/callback.tsx
+++ b/web/source/settings/views/user/applications/callback.tsx
@@ -107,7 +107,7 @@ function AccessForAppForm({ data: app, code }: { data: App, code: string }) {
 			</div>
 			
 			{ result.data
-				? <div className="access-token-frame">{(result.data as OAuthAccessToken).access_token}</div>
+				? <div className="access-token-frame monospace">{(result.data as OAuthAccessToken).access_token}</div>
 				: <div className="access-token-frame closed"><i className="fa fa-eye-slash" aria-hidden={true}></i></div>
 			}
 			
diff --git a/web/source/settings/views/user/applications/detail.tsx b/web/source/settings/views/user/applications/detail.tsx
index 5beeb0cce..d446db736 100644
--- a/web/source/settings/views/user/applications/detail.tsx
+++ b/web/source/settings/views/user/applications/detail.tsx
@@ -178,6 +178,7 @@ function AccessTokenForm({ app }: { app: App }) {
 			</div>
 
 			<TextInput
+				className="monospace"
 				field={scope}
 				label="Token scopes (space-separated list)"
 				autoCapitalize="off"
diff --git a/web/source/settings/views/user/applications/new.tsx b/web/source/settings/views/user/applications/new.tsx
index fc5e5cc42..ca6921daf 100644
--- a/web/source/settings/views/user/applications/new.tsx
+++ b/web/source/settings/views/user/applications/new.tsx
@@ -122,6 +122,7 @@ export default function NewApp() {
 			/>
 
 			<TextArea
+				className="monospace"
 				field={form.redirect_uris}
 				label="Redirect URIs (optional, newline-separated entries)"
 				placeholder={`https://example.org/my_cool_application`}
@@ -132,6 +133,7 @@ export default function NewApp() {
 			/>
 
 			<TextInput
+				className="monospace"
 				field={form.scopes}
 				label="Scopes (optional, space-separated entries)"
 				placeholder={`read write push`}