Fix nav styling.

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

@@ -32,7 +32,7 @@
 
         <div [hidden]="isCollapsed" [style.height]="getContainerHeight()" class="nav-collapsed">
             <ng-container *ngIf="!forContent; else simpleMode">
-                <li *ngFor="let schema of schemas; trackBy: trackBySchema" class="nav-item truncate" [style.height]="getItemHeight()"
+                <li *ngFor="let schema of schemas; trackBy: trackBySchema" class="nav-item truncate"
                     cdkDrag
                     [cdkDragData]="schema"
                     (cdkDragStarted)="dragStarted($event)">

frontend/src/app/shared/components/schema-category.component.ts

@@ -9,7 +9,7 @@ import { CdkDragDrop, CdkDragStart } from '@angular/cdk/drag-drop';
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output } from '@angular/core';
 import { LocalStoreService, SchemaCategory, SchemaDto, SchemasState } from '@app/shared/internal';
 
-const ITEM_HEIGHT = 2.25;
+const ITEM_HEIGHT = 2.5;
 
 @Component({
     selector: 'sqx-schema-category[schemaCategory]',

frontend/src/app/shared/components/search/query-list.component.html

@@ -1,7 +1,7 @@
 <ng-container *ngIf="queries && queries.length > 0; else noQuery">
-    <div class="nav nav-light flex-column">
+    <ul class="nav nav-light flex-column">
-        <div class="nav-item">
+        <li class="nav-item" *ngFor="let saved of queries; trackBy: trackByQuery">
-            <a class="nav-link" *ngFor="let saved of queries; trackBy: trackByQuery" (click)="search.emit(saved.query)" [class.active]="isSelectedQuery(saved)">
+            <a class="nav-link" (click)="search.emit(saved.query)" [class.active]="isSelectedQuery(saved)">
                 <div class="row g-0">
                     <div class="col truncate">
                         <i class="icon-circle" [style.color]="saved.color" [class.hidden]="!saved.color"></i> {{saved.name | sqxTranslate}}
@@ -13,8 +13,8 @@
                     </div>
                 </div>     
             </a>
-        </div>
+        </li>
-    </div>
+    </ul>
 </ng-container>
 
 <ng-template #noQuery>

frontend/src/app/theme/_panels2.scss

@@ -269,6 +269,8 @@
 
     .nav-item {
         height: 2.25rem;
+        margin-bottom: .25rem;
+        margin-top: 0;
     }
 
     .nav-item {