From 6aef9b3402322ef517afebe0c469498e08dd5b79 Mon Sep 17 00:00:00 2001
From: BeritJanssen <berit.janssen@gmail.com>
Date: Tue, 14 Nov 2023 11:37:55 +0100
Subject: [PATCH] visual / textual fixes Plink

---
 .../experiment/rules/toontjehoger_3_plink.py  |  1 +
 .../components/FeedbackForm/FeedbackForm.js   | 31 +++++++++----------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/backend/experiment/rules/toontjehoger_3_plink.py b/backend/experiment/rules/toontjehoger_3_plink.py
index 823ad806c..e07a89d03 100644
--- 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
index 1bf0f06fc..0d853cc8e 100644
--- 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>