fix(ui-markdown-editor): Resize clickable area - #318

Signed-off-by: k-kumar-01 <[email protected]>
accordproject · Apr 2, 2021 · 20ba3fc · 20ba3fc
1 parent bfeb3e7
commit 20ba3fc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/ui-markdown-editor/src/components/icons/image.js b/packages/ui-markdown-editor/src/components/icons/image.js
@@ -12,8 +12,9 @@ const icon = () => (
 const image = {
   type: 'image',
   label: `Insert Image (${MOD()}+Shift+G)`,
-  height: '18px',
-  width: '18px',
+  height: '25px',
+  width: '25px',
+  padding: '4px',
   viewBox: '0 0 18 18',
   icon,
 };

diff --git a/packages/ui-markdown-editor/src/components/icons/tbreak.js b/packages/ui-markdown-editor/src/components/icons/tbreak.js
@@ -13,8 +13,9 @@ const icon = () => (
 const tbreak = {
   type: 'horizontal_rule',
   label: `Page Break (${MOD()}+Enter)`,
-  height: '17px',
-  width: '17px',
+  height: '25px',
+  width: '25px',
+  padding: '4px',
   viewBox: '0 0 19 19',
   icon,
 };