Layout fixes.

frontend/app/features/rules/pages/rules/rule.component.html

@@ -24,7 +24,7 @@
     </div>
     <div class="card-body">
         <div class="row align-items-center">
-            <div class="col col-auto">
+            <div class="col-auto">
                 <h3>If</h3>
             </div>
             <div class="col">
@@ -32,7 +32,7 @@
                     <sqx-rule-element [type]="rule.triggerType" [element]="ruleTriggers[rule.triggerType]" [disabled]="isManual"></sqx-rule-element>
                 </span>
             </div>
-            <div class="col col-auto">
+            <div class="col-auto">
                 <h3>then</h3>
             </div>
             <div class="col">

frontend/app/shared/components/asset.component.scss

@@ -57,6 +57,8 @@ $list-height: 2.375rem;
     & {
         @include overlay-container;
         width: $asset-width;
+        border-top-width: 1px;
+        border-width: 1px;
     }
 
     &-body,

frontend/app/shared/components/schema-category.component.html

@@ -5,15 +5,19 @@
     (cdkDropListDropped)="changeCategory($event)">
 
     <div class="header clearfix">
+        <div class="row no-gutters">
+            <div class="col-auto">
                 <button type="button" class="btn btn-sm btn-text-secondary" (click)="toggle()">
                     <i [class.icon-caret-right]="!snapshot.isOpen" [class.icon-caret-down]="snapshot.isOpen"></i> 
                 </button>
-
+            </div>
-        <h3>{{schemaCategory.name}} ({{snapshot.filtered.length}})</h3>
+            <div class="col">
-        
+                <h3 class="truncate">{{schemaCategory.name}} </h3>
-        <button type="button" class="btn btn-sm btn-text-secondary float-right" *ngIf="schemaCategory.schemas.length === 0 && !forContent" (click)="emitRemove()">
+            </div>
-            <i class="icon-bin2"></i> 
+            <div class="col-auto">
-        </button>
+                ({{snapshot.filtered.length}})
+            </div>
+        </div>        
     </div>
 
     <div class="nav nav-panel nav-dark nav-dark-bordered flex-column" *ngIf="snapshot.isOpen" @fade>

frontend/app/shared/components/schema-category.component.scss

@@ -3,8 +3,8 @@
 
 $drag-margin: -8px;
 
-h3 {
+.col {
-    display: inline-block;
+    overflow: hidden;
 }
 
 .btn {

frontend/app/theme/_vars.scss

@@ -101,7 +101,7 @@ $panel-header:              5.4rem;
 $panel-sidebar:             3.75rem;
 $panel-light-background:    #fff;
 
-$asset-width:               16rem;
+$asset-width:               14.5rem;
 $asset-height:              19rem;
 $asset-header:              12rem;
 $asset-image:               12rem;