From e86038d52f8ae7369ea4a516b7dfc535056921d7 Mon Sep 17 00:00:00 2001
From: Akshay Gupta <gravity.akshay@gmail.com>
Date: Fri, 7 Jun 2024 01:27:18 +0530
Subject: [PATCH] Add CSS to deal with margin before the Sub Context Menu
 titles

---
 frontend/src/app/main/ui/workspace/tokens/context_menu.cljs | 6 +++---
 frontend/src/app/main/ui/workspace/tokens/context_menu.scss | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs b/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs
index b0cf11a0f..a2a3c2b76 100644
--- a/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/context_menu.cljs
@@ -144,9 +144,9 @@
 
       :dimensions    (attributes->actions
                       apply-dimensions-token
-                      [{:title "\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0Spacing" :submenu :spacing}
-                       {:title "\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0Sizing" :submenu :sizing}
-                       {:title "\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0Border Radius" :submenu :border-radius}
+                      [{:title "Spacing" :submenu :spacing}
+                       {:title "Sizing" :submenu :sizing}
+                       {:title "Border Radius" :submenu :border-radius}
                       ;; TODO: BORDER_WIDTH {:title "Border Width" :attributes #{:width} :children true}
                        {:title "x" :attributes #{:x}}
                        {:title "y" :attributes #{:y}}])
diff --git a/frontend/src/app/main/ui/workspace/tokens/context_menu.scss b/frontend/src/app/main/ui/workspace/tokens/context_menu.scss
index 25505f4e9..9471c9a65 100644
--- a/frontend/src/app/main/ui/workspace/tokens/context_menu.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/context_menu.scss
@@ -32,6 +32,10 @@
   }
 }
 
+.context-list > li:nth-child(-n + 3) > span:first-of-type {
+  margin: 30px;
+}
+
 // TODO: Allow selected items wihtout an icon for the context menu
 .empty-icon {
   width: 0;