dix button delete

src/Pages/Admin/question/Model/Field/ChoiceFields.tsx

@@ -51,11 +51,11 @@ const ChoiceFields = ({ index, data }: { index: number; data: Choice }) => {
             name={index}
             type="Checkbox"
           />
-          <p className="delete_question_options">
+          <p className="delete_question_options" onClick={handleDeleteChoice}>
             {t("header.delete_choice")}
             <GoTrash
               className="trash_icon"
-              onClick={handleDeleteChoice}
+              
               size={17}
             />
           </p>

src/Pages/Admin/question/Model/Malty/ChoiceField/ChoiceFields.tsx

@@ -72,11 +72,11 @@ const ChoiceFields = ({
             type="Checkbox"
             parent_index={parent_index}
           />
-          <p className="delete_question_options">
+          <p className="delete_question_options" onClick={handleDeleteChoice}>
             {t("header.delete_choice")}
             <GoTrash
               className="trash_icon"
-              onClick={handleDeleteChoice}
+              
               size={17}
             />
           </p>

src/Pages/Admin/question/Model/Malty/QuestionFIeld/QuestionFIeld.tsx

@@ -53,12 +53,12 @@ const QuestionFIeld = ({ index, data }: { index: number; data: Choice }) => {
 
           <ImageBoxField name={`Questions.${index}.content_image`} />
 
-          <div className="answer_status">
+          <div className="answer_status"  onClick={handleDeleteQuestion}>
             <p className="delete_question_options">
               {t("header.delete_question")}
               <GoTrash
                 className="trash_icon"
-                onClick={handleDeleteQuestion}
+               
                 size={17}
               />
             </p>

src/Styles/Pages/exercise.scss

@@ -144,7 +144,8 @@
 .delete_question_options {
   margin-top: 25px;
   color: var(--warning);
-
+  z-index: 9999;
+  cursor: pointer;
   padding-left: 10px;
   .trash_icon {
     margin-right: 10px !important;