issue/175 Switched divs to span inside label (#180)

adaptlearning · Jun 27, 2022 · e25c5b9 · e25c5b9
1 parent a790b69
commit e25c5b9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/less/mcq.less b/less/mcq.less
@@ -53,6 +53,10 @@
     display: none;
   }
 
+  &__text {
+    display: block;
+  }
+
   // MCQ item icons
   // --------------------------------------------------
   &__answer-icon.is-radio .icon {

diff --git a/templates/mcq.jsx b/templates/mcq.jsx
@@ -82,32 +82,32 @@ export default function Mcq(props) {
               data-adapt-index={_index}
             >
 
-              <div className='mcq-item__state'>
-                <div
+              <span className='mcq-item__state'>
+                <span
                   className={classes([
                     'mcq-item__icon',
                     'mcq-item__answer-icon',
                     _isRadio ? 'is-radio' : 'is-checkbox'
                   ])}
                 >
 
-                  <div className='icon'></div>
+                  <span className='icon'></span>
 
-                </div>
+                </span>
 
-                <div className='mcq-item__icon mcq-item__correct-icon'>
-                  <div className='icon'></div>
-                </div>
+                <span className='mcq-item__icon mcq-item__correct-icon'>
+                  <span className='icon'></span>
+                </span>
 
-                <div className='mcq-item__icon mcq-item__incorrect-icon'>
-                  <div className='icon'></div>
-                </div>
-              </div>
+                <span className='mcq-item__icon mcq-item__incorrect-icon'>
+                  <span className='icon'></span>
+                </span>
+              </span>
 
-              <div className='mcq-item__text'>
-                <div className='mcq-item__text-inner' dangerouslySetInnerHTML={{ __html: compile(text) }}>
-                </div>
-              </div>
+              <span className='mcq-item__text'>
+                <span className='mcq-item__text-inner' dangerouslySetInnerHTML={{ __html: compile(text) }}>
+                </span>
+              </span>
 
             </label>