From ddec03bf52556c07cdfef6b0f690fa5b37aad7c9 Mon Sep 17 00:00:00 2001
From: Jari Kolehmainen <jari.kolehmainen@gmail.com>
Date: Thu, 8 Apr 2021 08:28:04 +0300
Subject: [PATCH] use small icons in context menus

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
---
 src/renderer/components/+catalog/catalog.tsx   | 6 +++---
 src/renderer/components/hotbar/hotbar-icon.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/+catalog/catalog.tsx b/src/renderer/components/+catalog/catalog.tsx
index 89d2fc4a24..9ec5480c91 100644
--- a/src/renderer/components/+catalog/catalog.tsx
+++ b/src/renderer/components/+catalog/catalog.tsx
@@ -80,15 +80,15 @@ export class Catalog extends React.Component {
     return (
       <MenuActions onOpen={() => onOpen()}>
         <MenuItem key="add-to-hotbar" onClick={() => this.addToHotbar(item) }>
-          <Icon material="add" interactive={true} title="Add to hotbar"/> Add to Hotbar
+          <Icon material="add" small interactive={true} title="Add to hotbar"/> Add to Hotbar
         </MenuItem>
         <MenuItem key="remove-from-hotbar" onClick={() => this.removeFromHotbar(item) }>
-          <Icon material="clear" interactive={true} title="Remove from hotbar"/> Remove from Hotbar
+          <Icon material="clear" small interactive={true} title="Remove from hotbar"/> Remove from Hotbar
         </MenuItem>
         { this.contextMenu.menuItems.map((menuItem, index) => {
           return (
             <MenuItem key={`menuitem-${index}`} onClick={() => menuItem.onClick()}>
-              <Icon material={menuItem.icon} interactive={true} title={menuItem.title}/> {menuItem.title}
+              <Icon material={menuItem.icon} small interactive={true} title={menuItem.title}/> {menuItem.title}
             </MenuItem>
           );
         })}
diff --git a/src/renderer/components/hotbar/hotbar-icon.tsx b/src/renderer/components/hotbar/hotbar-icon.tsx
index 6739411441..c8634ce10c 100644
--- a/src/renderer/components/hotbar/hotbar-icon.tsx
+++ b/src/renderer/components/hotbar/hotbar-icon.tsx
@@ -95,12 +95,12 @@ export class HotbarIcon extends React.Component<Props> {
           open={() => onOpen()}
           close={() => this.toggleMenu()}>
           <MenuItem key="remove-from-hotbar" onClick={() => this.removeFromHotbar(entity) }>
-            <Icon material="clear" interactive={true} title="Remove from hotbar"/> Remove from Hotbar
+            <Icon material="clear" small interactive={true} title="Remove from hotbar"/> Remove from Hotbar
           </MenuItem>
           { this.contextMenu && this.contextMenu.menuItems.map((menuItem) => {
             return (
               <MenuItem key={menuItem.title} onClick={() => menuItem.onClick()}>
-                <Icon material={menuItem.icon} interactive={true} title={menuItem.title}/> {menuItem.title}
+                <Icon material={menuItem.icon} small interactive={true} title={menuItem.title}/> {menuItem.title}
               </MenuItem>
             );
           })}