From 71e9f52e700afb78594bccb13ff62576fcb491a8 Mon Sep 17 00:00:00 2001
From: Tatiana Nikolaeva <tnik0402@gmail.com>
Date: Sat, 5 Apr 2025 21:39:28 +0500
Subject: [PATCH] style answer option

---
 .../AddAnswerButton/AddAnswerButton.module.css         |  1 +
 .../components/AnswerOption/AnswerOption.module.css    | 10 +++++++++-
 .../src/components/AnswerOption/AnswerOption.tsx       |  3 ++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/SurveyFrontend/src/components/AddAnswerButton/AddAnswerButton.module.css b/SurveyFrontend/src/components/AddAnswerButton/AddAnswerButton.module.css
index 1f95821..297d221 100644
--- a/SurveyFrontend/src/components/AddAnswerButton/AddAnswerButton.module.css
+++ b/SurveyFrontend/src/components/AddAnswerButton/AddAnswerButton.module.css
@@ -1,6 +1,7 @@
 /*AddAnswerButton.module.css*/
 
 .answerButton {
+    margin-top: 18px;
     display: flex;
     gap: 10px;
     align-items: center;
diff --git a/SurveyFrontend/src/components/AnswerOption/AnswerOption.module.css b/SurveyFrontend/src/components/AnswerOption/AnswerOption.module.css
index b4ca193..265d390 100644
--- a/SurveyFrontend/src/components/AnswerOption/AnswerOption.module.css
+++ b/SurveyFrontend/src/components/AnswerOption/AnswerOption.module.css
@@ -7,17 +7,25 @@
 }
 
 .textAnswer{
+    border: none;
+    background-color: #ffffff;
     font-size: 18px;
     font-weight: 500;
-    align-items: center;
 }
 
 .answerIcon{
     vertical-align: middle;
+    width: 24px;
 }
 
 .answerInput{
+    vertical-align: middle;
+    font-size: 18px;
+    font-weight: 500;
     outline: none;
     border: none;
     resize: none;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
 }
\ No newline at end of file
diff --git a/SurveyFrontend/src/components/AnswerOption/AnswerOption.tsx b/SurveyFrontend/src/components/AnswerOption/AnswerOption.tsx
index 8645966..03a1e6f 100644
--- a/SurveyFrontend/src/components/AnswerOption/AnswerOption.tsx
+++ b/SurveyFrontend/src/components/AnswerOption/AnswerOption.tsx
@@ -4,6 +4,7 @@ import styles from'./AnswerOption.module.css';
 const single_selected_response = '../../../public/radio_button_checked.svg';
 const multiple_selected_response = '../../../public/check_box.svg';
 // const single_response =
+// const multiple_response =
 
 interface AnswerOptionProps{
     index: number;
@@ -14,7 +15,7 @@ interface AnswerOptionProps{
 
 const AnswerOption: React.FC<AnswerOptionProps> = ({index, value, onChange, selectedType}) => {
     const [currentValue, setCurrentValue] = useState(value);
-    const [isEditing, setIsEditing] = useState(false); //редактируется ли сейчас
+    const [isEditing, setIsEditing] = useState(false);
 
     const textAreaRef = useRef<HTMLTextAreaElement>(null);