more compact and informative decision tree display

[FuqiX]

The current decision tree displays the questions as this picture:

The problems are:

1. The grey header "Step 1: Project examination/Step 2:.." are displayed in every question, which is redundant.
   Suggestions: putting questions belonging to the same step in one box. Multiple questions under one "step" header
2. The screenshot includes single & multiple choice questions, but users won't be able to know if it is a multi-choice question or not.
3. Description to each answer are displayed when hovering. but it is hardly triggered. maybe because of it takes long hover at a specific area of the button.

[theisuru]

About the grey step header. I remember Gabby asking if this carry any information for the user. If it does not help user, we can think to remove it altogether.

[FuqiX]

It carrys info. It is aligned to the three stages in the FAIRification (as shown in the process diagram and the generated report)

[theisuru]

But is it useful for the user? if the answer is yes lets try to show it in a compact way.
About the process diagram: Does these stages map to each of process diagram node (7)

[theisuru]

2. I suggest we add the multiple choise part to the description. Or do you have any idea how we can present that.
3. If mouse stopped at any area of the button, I can see the tooltip. It is a default tooltip. The problem could be that there are no indication for users that there is a tooltip.

[FuqiX]

I can see the tooltip, but it is a bit slow to trigger. Let me invite some people to test it and see if they could find the hints smoothly

[FuqiX]

i tested this with some people. They also didn't find the tooltip box. I believe the problem is that you need to hover over the tooltip for half second before it shows up? Is it possible to show it immediately?
Or we can add a hint saying hover to see tooltips.