fix ticket 6

src/assets/styles/components/answerModal.module.scss

@@ -79,6 +79,17 @@
                             margin-top: 4px;
                             font-size: 12px;
                             font-family: "Montserrat", sans-serif;
+                            i {
+                                display: none;
+                                margin-left: 5px;
+                                cursor: pointer;
+                                &:hover {
+                                    color: rgb(230, 80, 80);
+                                }
+                            }
+                            &:hover i {
+                                display: inline;
+                            }
                         }
                     }
                     &__text {

src/components/AnswerModal.jsx

@@ -65,19 +65,24 @@ const AnswerModal = ({
                             <span className={classes.myModal__dialog__content__body__answerOptions__title}>Варианты ответа</span>
                             <div className={classes.myModal__dialog__content__body__answerOptions__list}>
                                 {optionAnswer.map((item, i) => 
-                                    <span key={i} className={classes.myModal__dialog__content__body__answerOptions__list__answer}>{item.id}) {item.text}</span>
+                                    <span key={i} className={classes.myModal__dialog__content__body__answerOptions__list__answer}>
+                                        {item.id}) {item.text} 
+                                        <i class="fa-solid fa-xmark" onClick={() => setOptionAnswer([...optionAnswer].filter(answer => answer.id !== item.id))}></i>
+                                    </span>
                                 )}
                             </div>
                             <input 
                                 type="text" 
                                 className={classes.myModal__dialog__content__body__answerOptions__text} 
                                 value={currentOptionAnswer} 
-                                onChange={event => setCurrentOptionAnswer(event.target.value)}/>
+                                onChange={event => setCurrentOptionAnswer(event.target.value)}
+                            />
                             <MyButton 
                                 text={'Добавить'} 
                                 click={addOptionAnswer}
-                                backgroundColor={'rgb(200, 200, 200)'} 
-                                otherStyle={{padding: '1% 2%'}}/>
+                                class={"main__white"}
+                                otherStyle={{padding: '1% 2%'}}
+                            />
                         </div> : <div></div>}
                         <div className={classes.myModal__dialog__content__body__mandatory}>
                             <span className={classes.myModal__dialog__content__body__mandatory__title}>Обязательный вопрос</span>