ui fixes

packages/web/src/commands/stdCommands.ts

@@ -161,7 +161,7 @@ registerCommand({
 registerCommand({
   id: 'new.modelCompare',
   category: 'New',
-  icon: 'img compare',
+  icon: 'icon compare',
   name: 'Compare DB',
   toolbar: true,
   onClick: () => {

packages/web/src/icons/FontIcon.svelte

@@ -80,6 +80,7 @@
     'icon report': 'mdi mdi-file-chart',
     'icon swap': 'mdi mdi-swap-horizontal-bold',
     'icon deploy': 'mdi mdi-content-save-move',
+    'icon compare': 'mdi mdi-compare',
 
     'img ok': 'mdi mdi-check-circle color-icon-green',
     'img ok-inv': 'mdi mdi-check-circle color-icon-inv-green',

packages/web/src/tabs/CompareModelTab.svelte

@@ -329,6 +329,7 @@
               templateProps={{ noMargin: true }}
               isNative
               allowChooseModel
+              notSelected
             />
           </div>
           <div class="col-3">
@@ -339,6 +340,7 @@
                 templateProps={{ noMargin: true }}
                 isNative
                 options={($archiveFolders || []).map(x => ({ label: x.name, value: `archive:${x.name}` }))}
+                notSelected
               />
             {:else}
               <FormDatabaseSelect
@@ -347,6 +349,7 @@
                 label="Source database"
                 templateProps={{ noMargin: true }}
                 isNative
+                notSelected
               />
             {/if}
           </div>
@@ -364,6 +367,7 @@
               label="Target server"
               templateProps={{ noMargin: true }}
               isNative
+              notSelected
             />
           </div>
           <div class="col-3">
@@ -373,6 +377,7 @@
               label="Target database"
               templateProps={{ noMargin: true }}
               isNative
+              notSelected
             />
           </div>
         </div>