From 750bd0a51feebf484687e6ed637ffea9bc196460 Mon Sep 17 00:00:00 2001
From: LAKHAN BAHETI <lakhanbaheti9@gmail.com>
Date: Wed, 20 Mar 2024 17:01:50 +0530
Subject: [PATCH 1/2] chore: create workspace fields as required indication

---
 web/components/workspace/create-workspace-form.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/components/workspace/create-workspace-form.tsx b/web/components/workspace/create-workspace-form.tsx
index ad0c050964b..609e25b1c04 100644
--- a/web/components/workspace/create-workspace-form.tsx
+++ b/web/components/workspace/create-workspace-form.tsx
@@ -121,7 +121,10 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
     <form className="space-y-6 sm:space-y-9" onSubmit={handleSubmit(handleCreateWorkspace)}>
       <div className="space-y-6 sm:space-y-7">
         <div className="space-y-1 text-sm">
-          <label htmlFor="workspaceName">Workspace Name</label>
+          <label htmlFor="workspaceName">
+            Workspace Name
+            <span className="text-red-500">*</span>
+          </label>
           <Controller
             control={control}
             name="name"
@@ -153,7 +156,10 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
           />
         </div>
         <div className="space-y-1 text-sm">
-          <label htmlFor="workspaceUrl">Workspace URL</label>
+          <label htmlFor="workspaceUrl">
+            Workspace URL
+            <span className="text-red-500">*</span>
+          </label>
           <div className="flex w-full items-center rounded-md border-[0.5px] border-custom-border-200 px-3">
             <span className="whitespace-nowrap text-sm text-custom-text-200">{window && window.location.host}/</span>
             <Controller
@@ -185,7 +191,9 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
           )}
         </div>
         <div className="space-y-1 text-sm">
-          <span>What size is your organization?</span>
+          <span>
+            What size is your organization?<span className="text-red-500">*</span>
+          </span>
           <div className="w-full">
             <Controller
               name="organization_size"

From e50d46ac0d60aa4d60618a315209252d2fbaefdd Mon Sep 17 00:00:00 2001
From: LAKHAN BAHETI <lakhanbaheti9@gmail.com>
Date: Wed, 20 Mar 2024 18:37:53 +0530
Subject: [PATCH 2/2] style: gap between asterisk & text

---
 web/components/workspace/create-workspace-form.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/workspace/create-workspace-form.tsx b/web/components/workspace/create-workspace-form.tsx
index 609e25b1c04..d8a443d4db8 100644
--- a/web/components/workspace/create-workspace-form.tsx
+++ b/web/components/workspace/create-workspace-form.tsx
@@ -123,7 +123,7 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
         <div className="space-y-1 text-sm">
           <label htmlFor="workspaceName">
             Workspace Name
-            <span className="text-red-500">*</span>
+            <span className="ml-0.5 text-red-500">*</span>
           </label>
           <Controller
             control={control}
@@ -158,7 +158,7 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
         <div className="space-y-1 text-sm">
           <label htmlFor="workspaceUrl">
             Workspace URL
-            <span className="text-red-500">*</span>
+            <span className="ml-0.5 text-red-500">*</span>
           </label>
           <div className="flex w-full items-center rounded-md border-[0.5px] border-custom-border-200 px-3">
             <span className="whitespace-nowrap text-sm text-custom-text-200">{window && window.location.host}/</span>
@@ -192,7 +192,7 @@ export const CreateWorkspaceForm: FC<Props> = observer((props) => {
         </div>
         <div className="space-y-1 text-sm">
           <span>
-            What size is your organization?<span className="text-red-500">*</span>
+            What size is your organization?<span className="ml-0.5 text-red-500">*</span>
           </span>
           <div className="w-full">
             <Controller