From 00cbe5db0c05fcf762ec3d3a8833e907c699c929 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 19 Nov 2021 12:06:27 +0100
Subject: [PATCH] Fix radio button alignment
SHould now always correctly line up with the text even on different line
heights.
---
.../element-components/radio-button-group.component.ts | 7 +++----
1 file changed, 3 insertions(+), 4 deletions(-)
diff --git a/projects/common/element-components/radio-button-group.component.ts b/projects/common/element-components/radio-button-group.component.ts
index fa5de6344..39feccf07 100644
--- a/projects/common/element-components/radio-button-group.component.ts
+++ b/projects/common/element-components/radio-button-group.component.ts
@@ -42,13 +42,12 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element';
styles: [
'::ng-deep app-radio-button-group .mat-radio-label {white-space: normal}',
'::ng-deep app-radio-button-group .mat-radio-label .mat-radio-label-content {padding-left: 10px}',
- '::ng-deep app-radio-button-group mat-radio-button {margin-bottom: 6px}',
- '::ng-deep app-radio-button-group mat-radio-button {margin-right: 15px}',
+ 'mat-radio-button {margin-bottom: 6px; margin-right: 15px}',
'.white-space-break {white-space: normal}',
'.error-message { font-size: 75% }',
'::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}'
+ '::ng-deep app-radio-button-group .mat-radio-label {align-items: baseline}',
+ '::ng-deep app-radio-button-group mat-radio-button .mat-radio-label .mat-radio-container {top: 5px;}'
]
})
export class RadioButtonGroupComponent extends FormElementComponent {
--
GitLab