diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts index ad5edf1c3e334ff4bf0617595faad15ceeaa69fd..193919b9fdc3d4f71c2d0a8dc27828e5a8313dc9 100644 --- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts +++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts @@ -6,7 +6,7 @@ import { UIElement } from 'common/models/elements/element'; @Component({ selector: 'aspect-input-element-properties', template: ` - <fieldset *ngIf="combinedProperties.required !== undefined" fxLayout="column"> + <fieldset *ngIf="combinedProperties.required !== undefined" class="fx-column-start-stretch"> <legend>Eingabeelement</legend> <mat-form-field *ngIf="combinedProperties.label !== undefined" appearance="fill"> <mat-label>{{'propertiesPanel.label' | translate }}</mat-label> @@ -33,7 +33,16 @@ import { UIElement } from 'common/models/elements/element'; (input)="updateModel.emit({ property: 'requiredWarnMessage', value: $any($event.target).value })"> </mat-form-field> </fieldset> - ` + `, + styles: [` + .fx-column-start-stretch { + box-sizing: border-box; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + } + `] }) export class InputElementPropertiesComponent { @Input() combinedProperties!: UIElement;