Adding asterisk to field titles to indicate required fields

yeatmanlab · May 30, 2024 · c41d714 · c41d714
1 parent fa93e60
commit c41d714
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/CreateOrgs.vue b/src/components/CreateOrgs.vue
@@ -72,7 +72,7 @@
         <div class="grid mt-3">
           <div class="col-12 md:col-6 lg:col-4 mt-3">
             <span class="p-float-label">
-              <PvInputText id="org-name" v-model="state.orgName" class="w-full" data-cy="input-org-name"/>
+              <PvInputText id="org-name" v-model="state.orgName" class="w-full" data-cy="input-org-name" />
               <label for="org-name">{{ orgTypeLabel }} Name<span id="required-asterisk">*</span></label>
               <small v-if="v$.orgName.$invalid && submitted" class="p-error">Please supply a name</small>
             </span>
@@ -529,6 +529,6 @@ const resetForm = () => {
 }
 
 #required-asterisk {
-    color: #ff0000;
+  color: #ff0000;
 }
 </style>