indicator of changed rows in save button

packages/web/src/buttons/ToolStripButton.svelte

@@ -5,6 +5,7 @@
   export let disabled = false;
   export let icon = null;
   export let title = null;
+  export let iconAfter = null;
 
   const dispatch = createEventDispatcher();
 
@@ -18,6 +19,9 @@
   <div class="inner" class:disabled on:click={handleClick}>
     <span class="icon" class:disabled><FontIcon {icon} /></span>
     <slot />
+    {#if iconAfter}
+      <span class="icon" class:disabled><FontIcon icon={iconAfter} /></span>
+    {/if}
   </div>
 </div>
 

packages/web/src/buttons/ToolStripCommandButton.svelte

@@ -17,6 +17,7 @@
   export let component = ToolStripButton;
   export let hideDisabled = false;
   export let buttonLabel = null;
+  export let iconAfter = null;
 
   $: cmd = Object.values($commandsCustomized).find((x: any) => x.id == command) as any;
 </script>
@@ -28,6 +29,7 @@
     icon={cmd.icon}
     on:click={cmd.onClick}
     disabled={!cmd.enabled}
+    {iconAfter}
     {...$$restProps}
   >
     {buttonLabel || cmd.toolbarName || cmd.name}