From d20ff315ca5929754af55d877ac9cf58c461cf7f Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Mon, 19 Oct 2020 15:51:11 +0200
Subject: [PATCH] Checkboxes fix.

---
 .../app/features/settings/pages/roles/role.component.html | 8 +++++---
 .../angular/forms/editors/tag-editor.component.html       | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/app/features/settings/pages/roles/role.component.html b/frontend/app/features/settings/pages/roles/role.component.html
index 21f0efdc9..16ea59ba6 100644
--- a/frontend/app/features/settings/pages/roles/role.component.html
+++ b/frontend/app/features/settings/pages/roles/role.component.html
@@ -99,7 +99,7 @@
                     </sqx-form-hint>
 
                     <div class="row rule-section">
-                        <div class="custom-control custom-checkbox  col-6" *ngFor="let property of propertiesSimple; trackBy: trackByProperty">
+                        <div class="custom-control custom-checkbox col-6" *ngFor="let property of propertiesSimple; trackBy: trackByProperty">
                             <input class="custom-control-input" type="checkbox" id="{{role.name}}_{{property.key}}"
                                 [disabled]="!isEditable"
                                 [ngModel]="getProperty(property.key)"
@@ -121,8 +121,10 @@
                                     [ngModel]="getProperty(propertiesList.HIDE_CONTENTS(schema.name))"
                                     (ngModelChange)="setProperty(propertiesList.HIDE_CONTENTS(schema.name), $event)"
                                     [ngModelOptions]="standalone">
-                                <label class="custom-control-label truncate" for="{{role.name}}_schema_{{schema.name}}">
-                                    {{ 'roles.properties.hideContents' | sqxTranslate: { schema: schema.displayName } }}
+                                <label class="custom-control-label" for="{{role.name}}_schema_{{schema.name}}">
+                                    <span class="truncate">
+                                        {{ 'roles.properties.hideContents' | sqxTranslate: { schema: schema.displayName } }}
+                                    </span>
                                 </label>
                             </div>
                         </div>
diff --git a/frontend/app/framework/angular/forms/editors/tag-editor.component.html b/frontend/app/framework/angular/forms/editors/tag-editor.component.html
index 4c2c2acac..96da5f9fa 100644
--- a/frontend/app/framework/angular/forms/editors/tag-editor.component.html
+++ b/frontend/app/framework/angular/forms/editors/tag-editor.component.html
@@ -53,8 +53,8 @@
                                 (ngModelChange)="toggleValue($event, item)"
                             />
 
-                            <label class="custom-control-label truncate" for="tag_{{i}}" title="{{item.name}}" titlePosition="top-left">
-                                {{item.name}}
+                            <label class="custom-control-label" for="tag_{{i}}" title="{{item.name}}" titlePosition="top-left">
+                                <span class="truncate">{{item.name}}</span>
                             </label>
                         </div>
                     </div>