Improve General view of the Variables Configuration page

[PaulFarault]

This issue is part of an ergonomic audit report (see #204 for full report).

Improvements to be made

Page title

The title "Variable Configuration" is not clear. Are we not in the "Hadoop" service?

Recommendations: Review the title of this page, e.g. "Hadoop Service". Do not hesitate to use a subtitle for the configuration regarding the table.

Tab title

Without a title, users may have difficulties to understand what the table what the table represents and how to use it use it correctly.

Recommendations: Add a title to the table along with a small description of the possible actions to take.

Variables edition

It is impossible for the user to know that he can modify the variables.

Recommendations:

• Add an edit button
• Add a label

Components tabs

The affordance of the "+" button is not explicit.

Recommendations: Add a label to replace the "+" button, e.g. "Show more variables", "Show all variables", "Show more". It is also possible to show a minimum of variables in order to show that there are more than one.

The commit message is not grouped in a specific place in the interface.

Validation bar

Recommendations:

• Activate the commit message only if necessary.
• Move the text area closer to the commit button.

Example