From c95122de31f69034aebd338ce8d0afc27b0dd152 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Thu, 6 Feb 2020 17:49:14 +0100
Subject: [PATCH] Fix checkbox in query.

---
 .../queries/filter-comparison.component.html       | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/app/shared/components/search/queries/filter-comparison.component.html b/frontend/app/shared/components/search/queries/filter-comparison.component.html
index 569b59f07..eba73224c 100644
--- a/frontend/app/shared/components/search/queries/filter-comparison.component.html
+++ b/frontend/app/shared/components/search/queries/filter-comparison.component.html
@@ -1,4 +1,4 @@
-<div class="row no-gutters mb-1" *ngIf="fieldModel">
+<div class="row no-gutters mb-1 align-items-center" *ngIf="fieldModel">
     <div class="col-auto path">
         <sqx-query-path 
             (pathChange)="changePath($event)"
@@ -13,9 +13,12 @@
     </div>
     <div class="col pl-1" *ngIf="!noValue" [ngSwitch]="fieldModel.type">
         <ng-container *ngSwitchCase="'boolean'">
-            <input type="checkbox" class="form-control"
-                [ngModel]="filter.value"
-                (ngModelChange)="changeValue($event)" />
+            <div class="form-check form-check-inline pl-2">
+                <input type="checkbox" class="form-check-input"
+                    [ngModel]="filter.value"
+                    (ngModelChange)="changeValue($event)"
+                />
+            </div>
         </ng-container>
         <ng-container *ngSwitchCase="'date'">
             <sqx-date-time-editor mode="Date"
@@ -57,7 +60,8 @@
         <ng-container *ngSwitchCase="'string'">
             <input type="text" class="form-control" *ngIf="!fieldModel.extra"
                 [ngModel]="filter.value"
-                (ngModelChange)="changeValue($event)" />
+                (ngModelChange)="changeValue($event)"
+            />
         </ng-container>
     </div>
     <div class="col-auto pl-2">