From 1079e8212fad10f43acb8d772fdf629e9e6adf15 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Sat, 23 May 2026 16:05:15 +0100
Subject: [PATCH] feat(forms): tighten labels and add Circle helper text

- join.vue: "Full Name" -> "Name", "Email Address" -> "Email", drop redundant "Your name" placeholder
- join.vue + accept-invite.vue: unify Circle helper copy to "Where you are in your co-op journey. You can change this anytime."
- join.vue: add .field-note style rule for the new helper paragraph
---
 app/pages/accept-invite.vue |  2 +-
 app/pages/join.vue          | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/pages/accept-invite.vue b/app/pages/accept-invite.vue
index 7f88eb3..e5e0f04 100644
--- a/app/pages/accept-invite.vue
+++ b/app/pages/accept-invite.vue
@@ -68,7 +68,7 @@
 
           <div class="form-group full-width">
             <label class="form-label">Circle</label>
-            <p class="field-note" style="margin-bottom: 8px">Which circle fits where you are right now?</p>
+            <p class="field-note" style="margin-bottom: 8px">Where you are in your co-op journey. You can change this anytime.</p>
             <div class="circle-radios">
               <div class="circle-radio community">
                 <input
diff --git a/app/pages/join.vue b/app/pages/join.vue
index 51d5eab..eb33733 100644
--- a/app/pages/join.vue
+++ b/app/pages/join.vue
@@ -121,18 +121,17 @@
           <form @submit.prevent="handleSubmit">
             <div class="form-stack">
               <div class="form-group">
-                <label class="form-label" for="join-name">Full Name</label>
+                <label class="form-label" for="join-name">Name</label>
                 <input
                   id="join-name"
                   v-model="form.name"
                   class="form-input"
                   type="text"
-                  placeholder="Your name"
                   required
                 >
               </div>
               <div class="form-group">
-                <label class="form-label" for="join-email">Email Address</label>
+                <label class="form-label" for="join-email">Email</label>
                 <input
                   id="join-email"
                   v-model="form.email"
@@ -144,6 +143,7 @@
               </div>
               <div class="form-group">
                 <label class="form-label">Circle</label>
+                <p class="field-note">Where you are in your co-op journey. You can change this anytime.</p>
                 <div class="circle-radios">
                   <div class="circle-radio community">
                     <input
@@ -627,6 +627,13 @@ onUnmounted(() => {
   margin-top: 10px;
   line-height: 1.6;
 }
+.field-note {
+  font-size: 10px;
+  color: var(--text-faint);
+  margin-top: 4px;
+  margin-bottom: 8px;
+  line-height: 1.4;
+}
 
 /* ---- TWO-COLUMN JOIN LAYOUT ---- */
 .join-two-col {