From 1a59be3e753251bafb910fe1610ee4387b4a312e Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sun, 20 Feb 2022 18:35:29 +0800
Subject: [PATCH] improve key list

---
 src/components/KeyboardShortcuts.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/KeyboardShortcuts.jsx b/src/components/KeyboardShortcuts.jsx
index bd841be..b79ad61 100644
--- a/src/components/KeyboardShortcuts.jsx
+++ b/src/components/KeyboardShortcuts.jsx
@@ -97,7 +97,7 @@ const CreateBinding = memo(({
   );
 });
 
-const rowStyle = { display: 'flex', alignItems: 'flex-start', margin: '6px 0' };
+const rowStyle = { display: 'flex', alignItems: 'center', margin: '6px 0' };
 
 const KeyboardShortcuts = memo(({
   keyBindings, setKeyBindings, currentCutSeg,
@@ -434,6 +434,8 @@ const KeyboardShortcuts = memo(({
                         <IconButton title={t('Remove key binding')} appearance="minimal" intent="danger" icon={DeleteIcon} onClick={() => onDeleteBindingClick({ action, keys })} />
                       </div>
                     ))}
+
+                    {bindingsForThisAction.length === 0 && <Text color="muted">{t('No binding')}</Text>}
                   </div>
 
                   <IconButton title={t('Bind new key to action')} appearance="minimal" intent="success" icon={AddIcon} onClick={() => onAddBindingClick(action)} />