From 9512052ffe701e61700737451f2e603a0e4dbcdc Mon Sep 17 00:00:00 2001
From: ingalls <nick@ingalls.ca>
Date: Thu, 30 Jan 2025 12:46:27 -0700
Subject: [PATCH] Add Pencil Icon

---
 .../components/Layer/LayerIncomingStyles.vue  | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/api/web/src/components/Layer/LayerIncomingStyles.vue b/api/web/src/components/Layer/LayerIncomingStyles.vue
index af005672f..cf4c066b0 100644
--- a/api/web/src/components/Layer/LayerIncomingStyles.vue
+++ b/api/web/src/components/Layer/LayerIncomingStyles.vue
@@ -5,14 +5,16 @@
                 Style Overrides
             </h3>
             <div class='ms-auto btn-list'>
-                <IconSettings
+                <TablerIconButton
                     v-if='disabled'
-                    v-tooltip='"Edit Style"'
-                    :size='32'
-                    :stroke='1'
-                    class='cursor-pointer'
-                    @click='disabled = false'
-                />
+                    title='Edit Style'
+                        @click='disabled = false'
+                >
+                    <IconPencil
+                        :size='32'
+                        stroke='1'
+                    />
+                </TablerIconButton>
                 <template v-else-if='!loading.save'>
                     <div class='btn-list d-flex align-items-center'>
                         <TablerToggle
@@ -171,7 +173,7 @@ import {
     IconPlus,
     IconHelp,
     IconTrash,
-    IconSettings,
+    IconPencil,
     IconDeviceFloppy
 } from '@tabler/icons-vue'
 import jsonata from 'jsonata';
@@ -180,6 +182,7 @@ import {
     TablerToggle,
     TablerNone,
     TablerLoading,
+    TablerIconButton
 } from '@tak-ps/vue-tabler';
 import StyleSingle from './utils/StyleSingle.vue';