Improve DropList alignment in cloze

projects/common/components/compound-elements/cloze/cloze.component.ts

@@ -158,7 +158,6 @@ import { ClozeElement } from 'common/models/elements/compound-elements/cloze/clo
         <aspect-compound-child-overlay
           *ngIf="['ToggleButton', 'DropList', 'TextField', 'Button'] | arrayIncludes:subPart.type"
           [style.display]="'inline-block'"
-          [class.droplist-child]="subPart.type == 'DropList'"
           [parentForm]="parentForm"
           [element]="$any(subPart).attrs.model"
           [editorMode]="editorMode"
@@ -175,8 +174,7 @@ import { ClozeElement } from 'common/models/elements/compound-elements/cloze/clo
     ':host ::ng-deep p strong {letter-spacing: 0.04em; font-weight: 600;}', // bold less bold
     ':host ::ng-deep p:empty::after {content: "\\00A0"}', // render empty p
     'p span {font-size: inherit}',
-    'sup, sub {line-height: 0;}',
-    '.droplist-child {vertical-align: middle;}'
+    'sup, sub {line-height: 0;}'
   ]
 })
 export class ClozeComponent extends CompoundElementComponent {

projects/common/components/input-elements/drop-list.component.ts

@@ -85,7 +85,6 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     '.list-item {border-radius: 5px;}',
     ':not(.cloze-context) .list-item:not(.image-list-item) {padding: 10px;}',
     '.cloze-context .list-item {padding: 0 5px;}',
-    '.cloze-context .list-item span {margin-bottom: 3px;}',
     '.cloze-context.only-one-item .list-item {height: 100%; display: flex; align-items: center; justify-content: center;}',
     'img.list-item {align-self: start;}',
     '.errors {border: 2px solid #f44336 !important;}',