Improved form design.

amyjko · Jun 28, 2024 · 207a3e8 · 207a3e8
1 parent f4b5bd0
commit 207a3e8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/src/lib/Form.svelte b/src/lib/Form.svelte
@@ -23,7 +23,6 @@
 		display: flex;
 		flex-direction: column;
 		align-items: baseline;
-		padding: var(--spacing);
 	}
 
 	form.borders {

diff --git a/src/lib/Labeled.svelte b/src/lib/Labeled.svelte
@@ -4,8 +4,10 @@
 </script>
 
 <label
-	><span>{label}</span>
-	{#if message}<span class="invalid">{message}</span>{/if}
+	><span
+		>{label}
+		{#if message}<span class="invalid">{message}</span>{/if}</span
+	>
 	<slot /></label
 >
 

diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
@@ -58,7 +58,8 @@
 		<Field
 			label="email"
 			bind:text={email}
-			invalid={(text) => (text.length === 0 || validEmail(email) ? undefined : 'Not a valid email')}
+			invalid={(text) =>
+				text.length === 0 || validEmail(email) ? undefined : 'Not yet a valid email'}
 		/>
 		<Button
 			tip="Email the login code"

diff --git a/src/routes/org/[orgid]/people/+page.svelte b/src/routes/org/[orgid]/people/+page.svelte
@@ -213,7 +213,10 @@
 			<Paragraph>This person is already added.</Paragraph>
 		{/if}
 	</Form>
-	<Tip>This will not send an invitation; they can create an account at any time.</Tip>
+	<Tip
+		>Adding an email address not send an invitation. They can log in at any time to claim and update
+		their profile.</Tip
+	>
 {/if}
 
 <style>