From b8bef6a7111826f38b09364b880f783886a5c92d Mon Sep 17 00:00:00 2001
From: Viswamedha Nalabotu <vxn217@student.bham.ac.uk>
Date: Sun, 15 Mar 2026 21:52:42 +0000
Subject: [PATCH] Added clearer tooltip

---
 site/src/views/RegisterView.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/site/src/views/RegisterView.vue b/site/src/views/RegisterView.vue
index c625536..836fc54 100644
--- a/site/src/views/RegisterView.vue
+++ b/site/src/views/RegisterView.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { reactive, computed, onMounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
-import { Card, Typography, Form, Input, Button, message } from 'ant-design-vue'
+import { Card, Typography, Form, Input, Button, message, Tooltip } from 'ant-design-vue'
+import { QuestionCircleOutlined } from '@ant-design/icons-vue'
 import { useUserStore } from '../stores/userStore'
 
 const router = useRouter()
@@ -144,10 +145,20 @@ onMounted(async () => {
                     />
                 </Form.Item>
 
-                <Form.Item label="Manager code (optional) -> MANAGER2026" name="managerCode">
+                <Form.Item name="managerCode">
+                    <template #label>
+                        <span style="display: inline-flex; align-items: center; gap: 0.35rem">
+                            Manager code (optional)
+                            <Tooltip
+                                title="Required only if you want manager access. Leave blank to sign up as a regular member."
+                            >
+                                <QuestionCircleOutlined style="color: #6b7280" />
+                            </Tooltip>
+                        </span>
+                    </template>
                     <Input
                         v-model:value="formState.managerCode"
-                        placeholder="Enter manager code (leave blank if none)"
+                        placeholder="Enter manager code for manager signup (e.g. MANAGER2026)"
                         :disabled="loading"
                     />
                 </Form.Item>