From b697c5c058334ced53e90b3121894ea1100d861d Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 21 Aug 2025 16:06:45 +0300
Subject: [PATCH] update icons creation page

---
 .../src/less2/include/creation.less           | 23 ++++++++++++++-----
 www/common/common-ui-elements.js              |  1 +
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/customize.dist/src/less2/include/creation.less b/customize.dist/src/less2/include/creation.less
index 11f5ace20..e2a643230 100644
--- a/customize.dist/src/less2/include/creation.less
+++ b/customize.dist/src/less2/include/creation.less
@@ -122,10 +122,13 @@
                 position: relative;
                 a {
                     position: absolute;
-                    top: 7px;
-                    margin-left: 30px;
+                    margin-left: 1em;
                     font-size: 16px;
                     color: inherit;
+
+                    svg {
+                        margin: 0;
+                    }
                 }
                 a:focus-visible {
                     border-radius: 50%;
@@ -196,6 +199,9 @@
                 &:hover {
                     text-decoration: none;
                 }
+                svg {
+                    margin: 0;
+                }
             }
             .cp-creation-slider {
                 display: none;
@@ -343,7 +349,6 @@
                 flex-wrap: nowrap;
                 justify-content: space-between;
                 .cp-creation-template-more {
-                    font-size: 30px;
                     margin: 0 5px;
                     text-align: center;
                     background-color: transparent;
@@ -366,6 +371,11 @@
                         outline: @variables_focus_style;
                         border-radius: @variables_radius;
                     }
+                    svg {
+                        margin: 0;
+                        height: 1.5rem;
+                        width: 1.5rem;
+                    }
                 }
             }
             .cp-creation-template-container {
@@ -399,7 +409,7 @@
                     &.cp-creation-template-selected, &:hover {
                         background-color: @creation-bg-color-light;
                         background-color: var(--creation-bg-color-light);
-                        .fa, .cptools {
+                        svg {
                             color: @creation-color;
                             color: var(--creation-color);
                         }
@@ -430,11 +440,12 @@
                         line-height: 25px;
                         max-width: 100%;
                     }
-                    .fa, .cptools {
+                    svg {
                         color: @creation-bg-color;
                         color: var(--creation-bg-color);
                         cursor: pointer;
-                        font-size: 30px;
+                        height: 1.8rem;
+                        width: 1.8rem;
                         text-align: center;
                         margin-right: 10px;
                     }
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 0cdaaf165..4c2e84ff5 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -2961,6 +2961,7 @@ define([
                 icon: UI.getFileIcon({type: type})
             });
             var redraw = function (index) {
+                setTimeout( ()=> Lucide.createIcons());
                 if (index < 0) { i = 0; }
                 else if (index > allData.length - 1) { return; }
                 else { i = index; }