From 38fc6d31a6593f65185275acfaf6b100f3c2c186 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Thu, 28 Oct 2021 17:16:16 +0200
Subject: [PATCH] Improve radio button group styling
Add 10px margin between label and options.
---
.../common/element-components/radio-button-group.component.ts | 2 ++
1 file changed, 2 insertions(+)
diff --git a/projects/common/element-components/radio-button-group.component.ts b/projects/common/element-components/radio-button-group.component.ts
index 997971911..3841bd9ce 100644
--- a/projects/common/element-components/radio-button-group.component.ts
+++ b/projects/common/element-components/radio-button-group.component.ts
@@ -18,8 +18,10 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element';
<label id="radio-group-label" class="white-space-break"
[innerHTML]="elementModel.label">
</label>
+<!-- TODO why margin-bottom?-->
<mat-radio-group aria-labelledby="radio-group-label"
[style.margin-bottom.px]="25"
+ [style.margin-top.px]="10"
[fxLayout]="elementModel.alignment"
[formControl]="elementFormControl">
<mat-radio-button *ngFor="let option of elementModel.options; let i = index"
--
GitLab