From 7df7c31ace6419bcaa92dedc6dffd20ddb2f2a6d Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Thu, 28 Mar 2024 15:33:22 +0100
Subject: [PATCH] Fix alignment of vertical positioned toggle buttons

---
 docs/release-notes-common.md                                  | 4 ++++
 .../components/compound-elements/cloze/cloze.component.ts     | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/docs/release-notes-common.md b/docs/release-notes-common.md
index 06b358155..3cc7598e2 100644
--- a/docs/release-notes-common.md
+++ b/docs/release-notes-common.md
@@ -1,5 +1,9 @@
 Allgemein
 =========
+## editor/2.4.8+player/2.4.9
+### Fehlerbehebungen
+- Korrigiert die Positionierung von vertikal ausgerichteten Optionsfeldern in Lückentexten
+
 ## editor/2.4.7+player/2.4.8
 ### Fehlerbehebungen
 - Verbesserte Bildvorschau in Dialogen (Editor) wurde rückgängig gemacht
diff --git a/projects/common/components/compound-elements/cloze/cloze.component.ts b/projects/common/components/compound-elements/cloze/cloze.component.ts
index fddca3574..9951e82cf 100644
--- a/projects/common/components/compound-elements/cloze/cloze.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze.component.ts
@@ -156,6 +156,9 @@ import { ClozeChildOverlay } from './cloze-child-overlay.component';
           [style.display]="'inline-block'"
           [parentForm]="parentForm"
           [element]="$any(subPart).attrs.model"
+          [style.vertical-align]="subPart.attrs.model.type === 'toggle-button' &&
+                                    subPart.attrs.model.verticalOrientation === true ?
+                                      'middle' : 'baseline'"
           [editorMode]="editorMode"
           (elementSelected)="childElementSelected.emit($event)">
         </aspect-compound-child-overlay>
-- 
GitLab