From 745a828754bb99c915daab9facf40cb98db18bf9 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Sun, 26 Jan 2020 19:45:57 +0100
Subject: [PATCH] Get back remove button for schema categories.

---
 .../schemas/pages/schemas/schemas-page.component.scss  |  3 ++-
 .../shared/components/schema-category.component.html   |  9 ++++++++-
 .../shared/components/schema-category.component.scss   | 10 ++++++++++
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/frontend/app/features/schemas/pages/schemas/schemas-page.component.scss b/frontend/app/features/schemas/pages/schemas/schemas-page.component.scss
index f2917dfb1..ad9f41120 100644
--- a/frontend/app/features/schemas/pages/schemas/schemas-page.component.scss
+++ b/frontend/app/features/schemas/pages/schemas/schemas-page.component.scss
@@ -8,6 +8,7 @@ $button-size: calc(2.5rem - 2px);
     font-size: 1rem;
     height: $button-size;
     line-height: 2.5rem;
+    margin: 0;
     margin-right: .4rem;
     padding: 0;
 }
@@ -15,7 +16,7 @@ $button-size: calc(2.5rem - 2px);
 .new-category-input {
     & {
         background: 0;
-        border-bottom-width: 1px;
+        border-bottom-width: 1px !important;
         border-width: 0;
         margin-top: 1rem;
         padding-left: 0;
diff --git a/frontend/app/shared/components/schema-category.component.html b/frontend/app/shared/components/schema-category.component.html
index c7639462d..e9aee5cff 100644
--- a/frontend/app/shared/components/schema-category.component.html
+++ b/frontend/app/shared/components/schema-category.component.html
@@ -15,7 +15,14 @@
                 <h3 class="truncate">{{schemaCategory.name}} </h3>
             </div>
             <div class="col-auto">
-                ({{snapshot.filtered.length}})
+                <ng-container *ngIf="schemaCategory.schemas.length > 0; else noSchemas">
+                    ({{snapshot.filtered.length}})
+                </ng-container>
+                <ng-template #noSchemas>
+                    <button type="button" class="btn btn-sm btn-text-secondary btn-remove" (click)="remove.emit()">
+                        <i class="icon-bin2"></i> 
+                    </button>
+                </ng-template>
             </div>
         </div>        
     </div>
diff --git a/frontend/app/shared/components/schema-category.component.scss b/frontend/app/shared/components/schema-category.component.scss
index e666b83f0..788d596ac 100644
--- a/frontend/app/shared/components/schema-category.component.scss
+++ b/frontend/app/shared/components/schema-category.component.scss
@@ -46,7 +46,17 @@ $drag-margin: -8px;
 }
 
 .header {
+    line-height: 2rem;
+    margin-bottom: 0;
     margin-left: -1rem;
+
+    h3 {
+        line-height: 2rem;
+    }
+
+    .btn-remove {
+        margin-right: -1rem;
+    }
 }
 
 .nav-link {