Feature/#171 responsive web design

[PhlppKrmr]

Let me know if the layout works as expected on your devices and of course, if you have any suggestions for improvement (both code & look) :)

[cypress[bot]]

---

Test summary

33 • 0 • 0 • 0

---

Run details

Project	sosci-frontend
Status	Passed
Commit	91c4e519ef
Started	Jan 23, 2023 5:35 PM
Ended	Jan 23, 2023 5:37 PM
Duration	02:37 💡
OS	Linux Ubuntu - 22.04
Browser	Chrome 109

View run in Cypress Dashboard ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[PhlppKrmr]

Please also lmk which button you'd prefer for the distribution (ignore the hover effect and size differences): 1) 2)

[jandegen]

Please also lmk which button you'd prefer for the distribution (ignore the hover effect and size differences): 1) 2)

Thumps up reaction for icon 1! Party reation for icon 2!

[PhlppKrmr]

The sliders are not anymore visible.

What broswer are you using here?

[nicolaskolbenschlag]

The sliders are not anymore visible.

What broswer are you using here?

Chrome

[PhlppKrmr]

The sliders are not anymore visible.

What broswer are you using here?

Chrome

Thanks, @nicolaskolbenschlag ! Really strange, I tested it in Edge, Brave, Chrome and Firefox and for me they are visible. Adapted styling once again, lmk if you now see them.

Edit: Translated comment from German to English

[PhlppKrmr]

Looks good. Any specific reason why you removed the "mui" prefix? I followed that pattern in other PRs.

Also I can would expect merge issues with Feature/#168 Rework UI for presets as the preset stuff changed a bit

Removed it cause we no longer use only mui (material ui) icons. Didn't want it to be confusing and inconsistent going forward. Hope I didn't break too much on your end ;)

[jandegen]

The sliders are not anymore visible.

What broswer are you using here?

Chrome

Thanks, @nicolaskolbenschlag ! Really strange, I tested it in Edge, Brave, Chrome and Firefox and for me they are visible. Adapted styling once again, lmk if you now see them.

Edit: Translated comment from German to English

Mine looks fine: (Tested on Edge)