I am currently dealing with an expansion panel that has a lot of content. The layout is quite messy and chaotic, as seen here:
It doesn't look very appealing, so I'm wondering if there is a way to organize it better or maybe display it in a list format?
Here's my code snippet:
<div id="persontyp">
<mat-expansion-panel >
<mat-expansion-panel-header > Personentypen </mat-expansion-panel-header>
<mat-checkbox *ngFor="let type of allpersonTypes" [value]="type.bezeichnung">
{{type.bezeichnung}}
</mat-checkbox>
</mat-expansion-panel>
</div>This is my CSS:
mat-expansion-panel{
padding: 5px;
width: 400px;
}