short prize confusion

Author: sauryagur

src/component/editEventModal/EventFormModal.tsx

@@ -776,11 +776,11 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                   <div className="form-text">Detailed prize information. Supports Markdown.</div>
                 </div>
                 <div className="col-md-6">
-                  <label htmlFor="shortPrizes" className="form-label">Short Prizes</label>
+                  <label htmlFor="shortPrizes" className="form-label">Prize pool worth X. Must start with Rs.</label>
                   <input
                     type="text"
                     id="shortPrizes"
-                    placeholder="e.g. Cash, Goodies, Certificates"
+                    placeholder="e.g. Rs. 500k"
                     value={event.shortPrizes || ""}
                     onChange={(e) => setEvent({ ...event, shortPrizes: e.target.value })}
                     className="form-control"
@@ -861,7 +861,7 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                     type="button"
                     className="btn btn-success btn-sm"
                     onClick={() => setEvent({ ...event, images: [...event.images, ""] })}
-                  ><BsPlusCircle className="me-1" /> Add Image</button>
+                  ><BsPlusCircle className="me-1 ml-2" /> Add Image</button>
                   {uploadError && <div className="text-danger small mt-2">{uploadError}</div>}
                 </div>
 
@@ -897,7 +897,7 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                     type="button"
                     className="btn btn-success btn-sm"
                     onClick={() => setEvent({ ...event, links: [...event.links, ""] })}
-                  ><BsPlusCircle className="me-1" /> Add Link</button>
+                  ><BsPlusCircle className="me-1 ml-2" /> Add Link</button>
                 </div>
 
                 {/* Reels ID */}
@@ -961,7 +961,7 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                     type="button"
                     className="btn btn-success btn-sm"
                     onClick={() => setEvent({ ...event, reelsId: [...event.reelsId, ""] })}
-                  ><BsPlusCircle className="me-1" /> Add Reel</button>
+                  ><BsPlusCircle className="me-1 ml-2" /> Add Reel</button>
                   {uploadError && <div className="text-danger small mt-2">{uploadError}</div>}
                 </div>
               </div>
@@ -1009,7 +1009,7 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                           }}
                           disabled={event.coordinators.length <= 1}
                         >
-                          <BsXCircle className="me-1" /> Remove
+                          <BsXCircle className="me-1 ml-2" /> Remove
                         </button>
                       </span>
                     </OverlayTrigger>
@@ -1283,7 +1283,7 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                             setEvent({ ...event, customFields: arr });
                           }}
                         >
-                          <BsPlusCircle className="me-1" /> Add Option
+                          <BsPlusCircle className="me-1 ml-2" /> Add Option
                         </button>
                       </div>
                     </div>
@@ -1302,14 +1302,14 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
                 </div>
               ))}
               <button onClick={addCustomField} className="btn btn-success btn-sm mt-2">
-                <BsPlusCircle className="me-1" /> Add Custom Field
+                <BsPlusCircle className="me-1 ml-2" /> Add Custom Field
               </button>
             </div>
           </div>
 
           <div className="modal-footer">
             <button type="button" className="btn btn-secondary" onClick={onHide}>
-              <BsXCircle className="me-1" /> Cancel
+              <BsXCircle className="me-1 ml-2" /> Cancel
             </button>
             <button 
               type="button" 
@@ -1339,7 +1339,7 @@ const EventFormModal: React.FC<EventFormModalProps> = ({ show, onHide, onSubmit,
               }}
               disabled={!event.title || !event.category || (event.eventType === "externalLink" && !event.externalUrl)}
             >
-              {isEdit ? <><BsCheckCircle className="me-1" /> Update Event</> : <><BsPlusCircle className="me-1" /> Create Event</>}
+              {isEdit ? <><BsCheckCircle className="me-1 ml-2" /> Update Event</> : <><BsPlusCircle className="me-1 ml-2" /> Create Event</>}
             </button>
           </div>
         </div>