fix(ui): Context Menu > selected option vs unselected options alignment

flawiddsouza · Aug 13, 2024 · 0536fa0 · 0536fa0
1 parent 105ecfe
commit 0536fa0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/ContextMenu.vue b/packages/ui/src/components/ContextMenu.vue
@@ -147,8 +147,8 @@ export default {
             this.$emit('update:show', false)
         },
         getOption(option) {
-            const tickMark = '<div class="selected-indicator"><i class="fa fa-check"></i>&nbsp;&nbsp;</div>'
-            const noTickMark = '<div class="selected-indicator">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>'
+            const tickMark = '<div class="selected-indicator" style="margin-right: 0.3rem;"><i class="fa fa-check"></i></div>'
+            const noTickMark = '<div class="selected-indicator" style="margin-left: 1rem;"></div>'
             const displayedOption = `<div style="word-break: break-all;">${option.label}</div>`
 
             if(this.selectedOption === undefined || option.disabled) {