visual / textual fixes Plink

Amsterdam-Music-Lab · Nov 14, 2023 · 6aef9b3 · 6aef9b3
1 parent ce825b1
commit 6aef9b3
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/backend/experiment/rules/toontjehoger_3_plink.py b/backend/experiment/rules/toontjehoger_3_plink.py
@@ -151,6 +151,7 @@ def get_plink_round(self, session, present_score=False):
         question1 = AutoCompleteQuestion(
             key='plink',
             choices=choices,
+            question='Noem de artiest en de titel van het nummer',
             result_id=prepare_result(
                 'plink',
                 session,

diff --git a/frontend/src/components/FeedbackForm/FeedbackForm.js b/frontend/src/components/FeedbackForm/FeedbackForm.js
@@ -1,4 +1,5 @@
 import React, { useState, useRef } from "react";
+
 import Question from "../Question/Question";
 import Button from "../Button/Button";
 
@@ -67,34 +68,32 @@ const FeedbackForm = ({
                     />
                 ))}
                 {/* Continue button */}
-                {showSubmitButtons && formValid && (
-                    <div className="center">
-                        <Button
+                {showSubmitButtons && (
+
+                    <div className="row justify-content-around">
+                        {isSkippable && (
+                            // skip button
+                            <Button
                             onClick={() => {
                                 onSubmit();
                             }}
-                            className={
-                                "btn-primary submit anim anim-fade-in anim-speed-500"
+                            className={"btn-gray col-4 align-self-start"
                             }
-                            title={buttonLabel}
-                        />
-                    </div>
-                )}
-
-                {/* Skip button */}
-                {/* Only show skip-button when there is no value */}
-                {isSkippable && showSubmitButtons && (
-                    <div className="center">
+                            title={skipLabel}
+                        />)}
                         <Button
                             onClick={() => {
                                 onSubmit();
                             }}
                             className={
-                                "btn-gray anim anim-fade-in anim-speed-500"
+                                "submit col-4"
                             }
-                            title={skipLabel}
+                            active={formValid}
+                            title={buttonLabel}
                         />
+
                     </div>
+
                 )}
             </form>
         </div>