feat: update design

[d-koppenhagen]

No description provided.

[d-koppenhagen]

@Morl99 what do you think?

[Morl99]

I like that it looks a lot cleaner and more professional than my original layout.

I do think, that the instructions and the file uploader now take a lot of real estate. On my resolution, that is more than half of the screen height. While some of that is attributed to whitespace (that we could reduce a bit in my opinion), maybe we could move the instructions to somewhere else. Or alternatively, change the design to be more dynamic and collapse once a file is selected (with the option to reopen).

What do you think?

[Morl99]

I like that it looks a lot cleaner and more professional than my original layout.

I do think, that the instructions and the file uploader now take a lot of real estate. On my resolution, that is more than half of the screen height. While some of that is attributed to whitespace (that we could reduce a bit in my opinion), maybe we could move the instructions to somewhere else. Or alternatively, change the design to be more dynamic and collapse once a file is selected (with the option to reopen).

What do you think?

Summarising our phone call:
We will try to use a vertical stepper component to collapse the header area once a file is successfully selected. There will be an option to go back and select a new file.

[d-koppenhagen]

@Morl99 I adopted the design and updated screenshots. Please have a look :)

[d-koppenhagen]

@Morl99 can you check the updated design?

[Morl99]

I really like how this turned out, thank you. The only thing I would change is commented in the code. Other than that, this is a great improvement :-)

[github-actions]

🎉 This PR is included in version 1.7.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀