Feature/ui

- [x] finished the code
- [ ] gathered feedback for my changes


| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no
| Tests pass?   | none
| Fixed tickets | none
| Doc           | [url to doc|none]