Fix sidebar spacing issues - Githubissues

ls1intum / Apollon

UML Modeling Editor written in React

https://apollon-library.readthedocs.io

MIT License

67 stars 22 forks source link

Fix sidebar spacing issues #371

Closed egenerse closed 2 months ago

egenerse commented 2 months 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

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)