Fix answer style

assets/js/app.js

@@ -158,15 +158,19 @@ function constructQuestion(data) {
 
     dataset.ids.push(data['id']);
 
-    label.innerText = data['label'];
+    label.innerText = data['label'] + ' (' + (isScq ? 'Single choice' : 'Multiple choice') + ')';
 
     answersContainer.setAttribute('id', 'answers_container');
 
     questionBlock.append(label);
 
     for (let i = 0; i < data['answers'].length; i += 1) {
-        let input = document.createElement('input'),
-            label = document.createElement('label');
+        let container = document.createElement('div'),
+            input = document.createElement('input'),
+            label = document.createElement('label')
+        ;
+
+        container.setAttribute('class', 'input-container');
 
         input.setAttribute('type', isScq ? 'radio' : 'checkbox');
         input.setAttribute('id', `answer_${i}`);
@@ -178,8 +182,9 @@ function constructQuestion(data) {
         label.setAttribute('for', `answer_${i}`);
         label.innerText = data['answers'][i]['label'];
 
-        answersContainer.append(input);
-        answersContainer.append(label);
+        container.append(input);
+        container.append(label);
+        answersContainer.append(container);
     }
 
     questionBlock.append(answersContainer);

assets/scss/app.scss

@@ -6,6 +6,7 @@ header nav a,
 .admin > a[data-target="close"] {
   color: black;
   text-decoration: none;
+  cursor: pointer;
   &:active,
   &:visited {
     color: black;
@@ -26,6 +27,10 @@ header {
   }
 }
 
+button {
+  cursor: pointer;
+}
+
 p {
   &.correct,
   &.wrong {