From de7495ee43383f72ed9c13d0c33a8df67d502d6d Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 29 Oct 2021 18:01:46 +0200
Subject: [PATCH] Improve radio button group styling
Make radio button and first line of the label (in case there is a line
break) appear at the same height.
---
.../common/element-components/radio-button-group.component.ts | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/projects/common/element-components/radio-button-group.component.ts b/projects/common/element-components/radio-button-group.component.ts
index dea56cedc..ab510bc28 100644
--- a/projects/common/element-components/radio-button-group.component.ts
+++ b/projects/common/element-components/radio-button-group.component.ts
@@ -45,7 +45,9 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element';
'::ng-deep app-radio-button-group mat-radio-button {margin-right: 15px}',
'.white-space-break {white-space: normal}',
'.error-message { position: absolute; margin-top: 25px; font-size: 75% }',
- '::ng-deep app-radio-button-group .strike .mat-radio-label {text-decoration: line-through}'
+ '::ng-deep app-radio-button-group .strike .mat-radio-label {text-decoration: line-through}',
+ '::ng-deep app-radio-button-group mat-radio-button .mat-radio-label {align-items: unset}',
+ '::ng-deep app-radio-button-group mat-radio-button .mat-radio-label .mat-radio-container {margin-top: 1px}'
]
})
export class RadioButtonGroupComponent extends FormElementComponent {
--
GitLab