From c599071159ffd0d300e62b384534d4ba11328ae1 Mon Sep 17 00:00:00 2001
From: Bastian Rihm <brihm@intevation.de>
Date: Thu, 14 Dec 2023 13:55:29 +0100
Subject: [PATCH] Fix vote form

---
 .../base-poll-form.component.html             | 60 ++++++++++---------
 1 file changed, 32 insertions(+), 28 deletions(-)

diff --git a/client/src/app/site/pages/meetings/modules/poll/components/base-poll-form/base-poll-form.component.html b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-form/base-poll-form.component.html
index f9943cca01..5d7f139d43 100644
--- a/client/src/app/site/pages/meetings/modules/poll/components/base-poll-form/base-poll-form.component.html
+++ b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-form/base-poll-form.component.html
@@ -129,39 +129,43 @@ <h2 class="poll-preview-title">
 
         <div class="info-grid">
             <!-- 100 Percent Base -->
-            <mat-form-field *ngIf="!hideSelects.hundredPercentBase">
-                <mat-label>{{ PollPropertyVerbose.onehundred_percent_base | translate }}</mat-label>
-                <mat-select formControlName="onehundred_percent_base" required>
-                    <ng-container *ngFor="let option of validPercentBases | keyvalue : keepEntryOrder">
-                        <mat-option [value]="option.key">
-                            {{
-                                (isCreatedList || pollMethod === 'yna'
-                                    ? alternativePercentBases[option.key]
-                                    : option.value
-                                ) | translate
-                            }}
-                        </mat-option>
-                    </ng-container>
-                </mat-select>
-            </mat-form-field>
-            <ng-container *ngIf="isEVotingSelected && isCreated && !hideSelects.backendDuration">
-                <mat-form-field>
-                    <mat-label>{{ 'Voting duration' | translate }}</mat-label>
-                    <mat-select formControlName="backend" required>
-                        <ng-container *ngFor="let option of pollBackendDurationChoices | keyvalue">
+            <div>
+                <mat-form-field *ngIf="!hideSelects.hundredPercentBase">
+                    <mat-label>{{ PollPropertyVerbose.onehundred_percent_base | translate }}</mat-label>
+                    <mat-select formControlName="onehundred_percent_base" required>
+                        <ng-container *ngFor="let option of validPercentBases | keyvalue : keepEntryOrder">
                             <mat-option [value]="option.key">
-                                {{ option.value | translate }}
+                                {{
+                                    (isCreatedList || pollMethod === 'yna'
+                                        ? alternativePercentBases[option.key]
+                                        : option.value
+                                    ) | translate
+                                }}
                             </mat-option>
                         </ng-container>
                     </mat-select>
-                    <mat-hint
-                        [innerText]="
-                            'Voting ends after short (some seconds/minutes) or long (some days/weeks) time period.'
-                                | translate
-                        "
-                    ></mat-hint>
                 </mat-form-field>
-            </ng-container>
+            </div>
+            <div>
+                <ng-container *ngIf="isEVotingSelected && isCreated && !hideSelects.backendDuration">
+                    <mat-form-field subscriptSizing="dynamic">
+                        <mat-label>{{ 'Voting duration' | translate }}</mat-label>
+                        <mat-select formControlName="backend" required>
+                            <ng-container *ngFor="let option of pollBackendDurationChoices | keyvalue">
+                                <mat-option [value]="option.key">
+                                    {{ option.value | translate }}
+                                </mat-option>
+                            </ng-container>
+                        </mat-select>
+                        <mat-hint
+                            [innerText]="
+                                'Voting ends after short (some seconds/minutes) or long (some days/weeks) time period.'
+                                    | translate
+                            "
+                        ></mat-hint>
+                    </mat-form-field>
+                </ng-container>
+            </div>
         </div>
     </form>
 </div>