Fix sidebar spacing issues - Githubissues

ls1intum / Apollon

UML Modeling Editor written in React

https://apollon-library.readthedocs.io

MIT License

65 stars 22 forks source link

Fix sidebar spacing issues #372

Open egenerse opened 1 month ago

egenerse commented 1 month ago

Checklist

[ ] I documented the TypeScript code using JSDoc style.
[x] I added multiple screenshots/screencasts of my UI changes
[ ] I translated all the newly inserted strings into German and English

Motivation and Context

solves https://github.com/ls1intum/Apollon/issues/370

Description

PR for github issue https://github.com/ls1intum/Apollon/issues/370

Steps for Testing

Change Diagram Type from the left menu to (Component Diagram or any.)
Review the spacing of the preview items in the sidebar.

Test Coverage

File	Branch	Line

Screenshots

Before	After
![Screenshot 2024-08-10 at 19 03 11](https://github.com/user-attachments/assets/dcc8fcce-e3b7-4d48-8b00-3b2587dd31ac)	![Screenshot 2024-08-10 at 18 58 42](https://github.com/user-attachments/assets/88f99eee-72f0-4624-9b37-7d03cf293861)
![Screenshot 2024-08-10 at 19 03 29](https://github.com/user-attachments/assets/5b00ac20-d45b-4d5d-9d4a-d088ba6c5503)	![Screenshot 2024-08-10 at 18 58 38](https://github.com/user-attachments/assets/79516da1-6a97-4083-a0aa-8e51d21eaec6)