From 1deaa4c30dcf964a84946cb4bfb2b627ddc9c7e3 Mon Sep 17 00:00:00 2001
From: Stela Augustinova <augustinovast@gmail.com>
Date: Thu, 18 Dec 2025 16:30:01 +0100
Subject: [PATCH] Refactor DbKeyTab to replace FormStyledButton with
 ToolStripButton

---
 packages/web/src/tabs/DbKeyTab.svelte | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/web/src/tabs/DbKeyTab.svelte b/packages/web/src/tabs/DbKeyTab.svelte
index 4464eefd4..6018ac728 100644
--- a/packages/web/src/tabs/DbKeyTab.svelte
+++ b/packages/web/src/tabs/DbKeyTab.svelte
@@ -9,7 +9,8 @@
   import FormProvider from '../forms/FormProvider.svelte';
   import SelectField from '../forms/SelectField.svelte';
   import TextField from "../forms/TextField.svelte";
-  import FormStyledButton from '../buttons/FormStyledButton.svelte';
+  import ToolStripContainer from '../buttons/ToolStripContainer.svelte';
+  import ToolStripButton from '../buttons/ToolStripButton.svelte';
   import { _t } from '../translations';
   import { apiCall } from '../utility/api';
   import { showSnackbarSuccess } from '../utility/snackbar';
@@ -136,7 +137,7 @@
 
 {#if driver && driver.supportedKeyTypes && driver.supportedKeyTypes.length > 0}
   <FormProvider>
-    <div class="wrapper">
+    <ToolStripContainer>
       <div class="container">
         <div class="flex flex-gap">
           <div class="col-9">
@@ -214,18 +215,16 @@
             }}
           />
         {/if}
-
-        <div class="m-3" />
-
-        <div class="button-container">
-          <FormStyledButton 
-            value={_t('common.save', { defaultMessage: 'Save' })} 
-            on:click={handleSave}
-            disabled={!keyName || keyName.trim() === ''}
-          />
-        </div>
       </div>
-    </div>
+
+      <svelte:fragment slot="toolstrip">
+        <ToolStripButton
+          icon="icon save"
+          on:click={handleSave}
+          disabled={!keyName || keyName.trim() === ''}
+        >{_t('common.save', { defaultMessage: 'Save' })}</ToolStripButton>
+      </svelte:fragment>
+    </ToolStripContainer>
   </FormProvider>
 {:else}
   <div class="wrapper">