Get back remove button for schema categories.

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;

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>

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 {