diff --git a/res/ui/icons/add_key.png b/res/ui/icons/add_key.png new file mode 100644 index 00000000..78afb420 Binary files /dev/null and b/res/ui/icons/add_key.png differ diff --git a/src/css/states/keybindings.scss b/src/css/states/keybindings.scss index 5bf573c4..3ffe4fae 100644 --- a/src/css/states/keybindings.scss +++ b/src/css/states/keybindings.scss @@ -20,7 +20,7 @@ @include S(margin-top, 2px); @include S(padding-top, 2px); @include S(grid-gap, 4px); - grid-template-columns: 1fr #{D(51px)} auto auto #{D(51px)} auto auto; + grid-template-columns: 1fr #{D(51px)} auto auto auto auto auto auto auto; border-bottom: #{D(1px)} dotted #eee; color: #888c8f; .mapping { @@ -38,6 +38,10 @@ background-image: uiResource("icons/edit_key.png"); } + &.addKeybinding { + background-image: uiResource("icons/add_key.png"); + } + &.resetKeybinding { background-image: uiResource("icons/reset_key.png"); } diff --git a/src/js/states/keybindings.js b/src/js/states/keybindings.js index 621142ba..69a2b571 100644 --- a/src/js/states/keybindings.js +++ b/src/js/states/keybindings.js @@ -76,7 +76,7 @@ export class KeybindingsState extends TextualGameState { elem.appendChild(title); const addBtn = document.createElement("button"); - addBtn.classList.add("styledButton", "addKeybinding", /* REMOVE THIS */ "editKeybinding"); + addBtn.classList.add("styledButton", "addKeybinding"); this.trackClicks(addBtn, () => { let index = mapped.keyCodes.length; mapped.keyCodes.push(0);