Restructuring the generate.HTML file

[mehdiben7]

At the moment, the HTML file is structured in a way that could be improved. Especially at the level of classes and identifiers, the HTML might get into the way of efficient and easily modifiable CSS design.
Possible solutions can be explored in the following ways:

• Minimising the use of "div" or "span" tags with little semantic meaning
• Using clear class names for sets of objects that have a clear link together
• Using identifiers (id, '#') for specific items that need to be reached by CSS

[mehdiben7]

Suggestion

Let's use Diagrams.net to create a basic wireframe of the "generate" tab and create boxes around it to seperate the HTML tags.