refs 113224: fix radio button

packages/app/src/components/Questionnaire/Question.tsx

@@ -18,16 +18,12 @@ const Question = ({ question, inputNamePrefix }: QuestionProps): JSX.Element =>
         {questionText}
       </span>
     </div>
-    <div className="col-1 d-flex align-items-center p-0">
+    <div className="col-6 d-flex align-items-center pl-0">
       <div className="btn-group btn-group-toggle flex-fill grw-questionnaire-btn-group" data-toggle="buttons">
-        <label className="btn btn-outline-primary active">
+        <label className="btn btn-outline-primary active mr-3 rounded">
           <input type="radio" name={`${inputNamePrefix}${question._id}`} id={`${question._id}-noAnswer`} value='0'/> -
         </label>
-      </div>
-    </div>
-    <div className="col-5 d-flex align-items-center">
-      <div className="btn-group btn-group-toggle flex-fill grw-questionnaire-btn-group" data-toggle="buttons">
-        <label className="btn btn-outline-primary">
+        <label className="btn btn-outline-primary rounded-left">
           <input type="radio" name={`${inputNamePrefix + question._id}`} id={`${question._id}-option1`} value='1'/> 1
         </label>
         <label className="btn btn-outline-primary">

packages/app/src/components/Questionnaire/QuestionnaireModal.tsx

@@ -159,8 +159,8 @@ const QuestionnaireModal = ({ questionnaireOrder, growiQuestionnaireServerOrigin
           <h3 className="grw-modal-head">{questionnaireOrderTitle}</h3>
           <div className="row mt-4">
             <div className="col-6"></div>
-            <div className="col-1 p-0 font-weight-bold text-center align-items-center">{t('questionnaire.no_answer')}</div>
-            <div className="col-5 d-flex justify-content-between align-items-center">
+            <div className="col-1 p-0 pr-2 font-weight-bold text-center align-items-center">{t('questionnaire.no_answer')}</div>
+            <div className="col-5 d-flex justify-content-between align-items-center pl-2">
               <span className="font-weight-bold">{t('questionnaire.disagree')}</span>
               <span className="font-weight-bold">{t('questionnaire.agree')}</span>
             </div>