style in quiz-list fix

src/components/GlobalQuizzesList.js

@@ -49,7 +49,7 @@ export const GlobalQuizzesList = observer(() => {
                                          }, 2000);
                                      }
                                  }}>
-                                <span className='row justify-content-between'><p className='font-weight-bold'>{quiz.name} </p><p className='font-weight-light'> by {quiz.authorName}</p></span>
+                                <span className='row justify-content-between'><span className='font-weight-bold mr-2'>{quiz.name} </span><span className='font-weight-light'> by {quiz.authorName}</span></span>
                                 {(() => {
                                     if (quiz.points !== -1) {
                                         return (

src/components/QuestionForm.js

@@ -148,12 +148,12 @@ export const QuestionForm = observer((props) => {
                             <Col>
                                 <ul id='quiz-questions'>
                                     {answers.map((answer, index) =>
-                                        <li key={index}>
+                                        <li key={index} className="row align-items-center">
                                             <input type="text" value={answers[index].text}
                                                    onChange={event => handleChange(index, event.target)}
-                                                   className='question-elem mt-1'
+                                                   className='question-elem mt-1 mr-2'
                                                    placeholder="  Answer option"/>
-                                            <p> is it right answer?</p>
+                                            is it right answer?
                                             {selectedType === SINGLE_RIGHT ?
                                                 <input type="radio" className='question-elem ml-3'
                                                        value={answers[index].text} onChange={event => {
@@ -168,7 +168,7 @@ export const QuestionForm = observer((props) => {
                                                     handleChange(index, event.target)
                                                 }}/>
                                             }
-                                            <i className='delete-option' onClick={() => deleteAnswer(index)}> ✖ </i>
+                                            <i className='delete-option ml-2' onClick={() => deleteAnswer(index)}> ✖ </i>
                                         </li>
                                     )}
                                 </ul>