From 2fddf4d29bf335a5efac78e3e3b5d7711b76cc36 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Sun, 26 Apr 2020 18:15:36 +0200
Subject: [PATCH] Fixed layout bug.

---
 .../angular/forms/editors/tag-editor.component.html       | 8 +++++---
 .../angular/forms/editors/tag-editor.component.scss       | 4 ++--
 .../app/shared/components/schema-category.component.html  | 2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

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 08fa47964..a4eb98621 100644
--- a/frontend/app/framework/angular/forms/editors/tag-editor.component.html
+++ b/frontend/app/framework/angular/forms/editors/tag-editor.component.html
@@ -51,11 +51,13 @@
             <div class="control-dropdown suggestions-dropdown" [sqxAnchoredTo]="form" position="bottom-left" @fade>
                 <div class="row">
                     <div class=" col-6" *ngFor="let item of suggestionsSorted; let i = index">
-                        <div class="form-check form-check-inline">
+                        <div class="form-check form-check">
                             <input class="form-check-input" type="checkbox" id="tag_{{i}}"
                                 [ngModel]="isSelected(item)"
-                                (ngModelChange)="toggleValue($event, item)" />
-                            <label class="form-check-label truncate" for="tag_{{i}}">
+                                (ngModelChange)="toggleValue($event, item)"
+                            />
+
+                            <label class="form-check-label truncate" for="tag_{{i}}" title="{{item.name}}" titlePosition="top-left">
                                 {{item.name}}
                             </label>
                         </div>
diff --git a/frontend/app/framework/angular/forms/editors/tag-editor.component.scss b/frontend/app/framework/angular/forms/editors/tag-editor.component.scss
index 4cf84affb..c0e23a43c 100644
--- a/frontend/app/framework/angular/forms/editors/tag-editor.component.scss
+++ b/frontend/app/framework/angular/forms/editors/tag-editor.component.scss
@@ -167,7 +167,7 @@ div {
 }
 
 .suggestions-dropdown {
-    max-width: 300px;
-    min-width: 300px;
+    max-width: 420px;
+    min-width: 420px;
     padding: 1rem;
 }
\ No newline at end of file
diff --git a/frontend/app/shared/components/schema-category.component.html b/frontend/app/shared/components/schema-category.component.html
index e9aee5cff..32a167950 100644
--- a/frontend/app/shared/components/schema-category.component.html
+++ b/frontend/app/shared/components/schema-category.component.html
@@ -41,7 +41,7 @@
                 <a class="nav-link" [routerLink]="schemaRoute(schema)">
                     <div class="row">
                         <div class="col-4">
-                            <span class="schema-name schema-name-accent">{{schema.displayName}}</span> 
+                            <span class="schema-name schema-name-accent" title="{{schema.displayName}}" titlePosition="top-left">{{schema.displayName}}</span> 
                         </div>
                         <div class="col-4">
                             <span class="schema-user">