From 7df313bde6e800978dd6d99baecc10887d3a42d2 Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 28 Aug 2025 12:11:09 +0300
Subject: [PATCH] add margin variable

---
 customize.dist/src/less2/include/alertify.less      | 2 +-
 customize.dist/src/less2/include/drive.less         | 2 +-
 customize.dist/src/less2/include/infopages.less     | 2 +-
 customize.dist/src/less2/include/notifications.less | 2 +-
 customize.dist/src/less2/include/toolbar.less       | 2 +-
 customize.dist/src/less2/include/variables.less     | 2 ++
 customize.dist/src/less2/pages/page-index.less      | 2 +-
 www/calendar/app-calendar.less                      | 2 +-
 www/form/app-form.less                              | 2 +-
 www/secureiframe/app-secure.less                    | 2 +-
 www/whiteboard/app-whiteboard.less                  | 2 +-
 11 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index 9f1bc8254..50da34969 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -70,7 +70,7 @@
         .lucide {
             width: 1.2em;
             height: 1.2em;
-            margin-right: 0.2rem;
+            margin-right: @variables_icon_margin;
         }
         .cp-checkmark {
             color: @cryptpad_text_col;
diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less
index b6b859c5e..2133d94aa 100644
--- a/customize.dist/src/less2/include/drive.less
+++ b/customize.dist/src/less2/include/drive.less
@@ -30,7 +30,7 @@
     .lucide {
         width: 1.2em;
         height: 1.2em;
-        margin-right: 0.2rem;
+        margin-right: @variables_icon_margin;
     }
     .cp-unselectable {
         .tools_unselectable();
diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less
index 6695d68ea..709b0b8a3 100644
--- a/customize.dist/src/less2/include/infopages.less
+++ b/customize.dist/src/less2/include/infopages.less
@@ -54,7 +54,7 @@ body.html {
     .lucide {
         width: 1.2em;
         height: 1.2em;
-        margin-right: 0.2rem;
+        margin-right: @variables_icon_margin;
     }
     border: 0;
     padding: 0;
diff --git a/customize.dist/src/less2/include/notifications.less b/customize.dist/src/less2/include/notifications.less
index 11b0b6ee1..59fdf2318 100644
--- a/customize.dist/src/less2/include/notifications.less
+++ b/customize.dist/src/less2/include/notifications.less
@@ -14,7 +14,7 @@
     .lucide {
         width: 1.2rem;
         height: 1.2rem;
-        margin-right: 0.2rem;
+        margin-right: @variables_icon_margin;
     }
     @notif-height: 50px;
     .cp-notifications-container {
diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less
index ede063668..86c07c04e 100644
--- a/customize.dist/src/less2/include/toolbar.less
+++ b/customize.dist/src/less2/include/toolbar.less
@@ -438,7 +438,7 @@
             svg {
                 height: 1.125em;
                 width: 1.125em;
-                margin-right: 0.5em;
+                margin-right: @variables_icon_margin;
             }
         }
 
diff --git a/customize.dist/src/less2/include/variables.less b/customize.dist/src/less2/include/variables.less
index 1df205e11..2db4df261 100644
--- a/customize.dist/src/less2/include/variables.less
+++ b/customize.dist/src/less2/include/variables.less
@@ -23,3 +23,5 @@
 @variables_radius_L: 10px;
 
 @variables_focus_style: @cryptpad_color_brand solid 2px;
+
+@variables_icon_margin: 0.2rem;
diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less
index 2d77b7ebf..ddbedd5e9 100644
--- a/customize.dist/src/less2/pages/page-index.less
+++ b/customize.dist/src/less2/pages/page-index.less
@@ -91,7 +91,7 @@
             margin-top: 20px;
             svg {
                 font-size: 1.2em;
-                margin-right: 5px;
+                margin-right: @variables_icon_margin;
             }
         }
         .cp-instance-links {
diff --git a/www/calendar/app-calendar.less b/www/calendar/app-calendar.less
index 5555ed8f5..c2c204ebb 100644
--- a/www/calendar/app-calendar.less
+++ b/www/calendar/app-calendar.less
@@ -677,7 +677,7 @@
                     position: initial;
                     .cp-dropdown-content{
                         svg {
-                            margin-right: 0.2rem;
+                            margin-right: @variables_icon_margin;
                         }
                         @media screen and (max-width: 600px)
                         {
diff --git a/www/form/app-form.less b/www/form/app-form.less
index bfbd27264..1a9ebe76b 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -102,7 +102,7 @@
     .cp-form-color-container {
         span.cp-form-palette {
             svg.lucide {
-                margin: 0.2rem;
+                margin: @variables_icon_margin;
             }
         }
         .is-hidden {
diff --git a/www/secureiframe/app-secure.less b/www/secureiframe/app-secure.less
index 5d7adb6b4..cee46b2d7 100644
--- a/www/secureiframe/app-secure.less
+++ b/www/secureiframe/app-secure.less
@@ -35,7 +35,7 @@
         .lucide {
             height:1.2rem;
             width: 1.2rem;
-            margin-right: 0.2rem;
+            margin-right: @variables_icon_margin;
         }
         .cp-modal {
             border-radius: @variables_radius_L;
diff --git a/www/whiteboard/app-whiteboard.less b/www/whiteboard/app-whiteboard.less
index b288438a4..ff9c568cd 100644
--- a/www/whiteboard/app-whiteboard.less
+++ b/www/whiteboard/app-whiteboard.less
@@ -87,7 +87,7 @@
 
         #cp-app-whiteboard-clear {
             svg {
-                margin-right: 0.2rem;
+                margin-right: @variables_icon_margin;
             }
             display: inline-flex;
             align-items: center;