From cbd43bc0ad4f6f16089288689a210bc6af41a7fc Mon Sep 17 00:00:00 2001
From: Dimava <dimava2@ya.ru>
Date: Fri, 19 Jun 2020 00:06:49 +0300
Subject: [PATCH] fix styling

---
 res/ui/icons/add_key.png        | Bin 0 -> 437 bytes
 src/css/states/keybindings.scss |   6 +++++-
 src/js/states/keybindings.js    |   2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 res/ui/icons/add_key.png

diff --git a/res/ui/icons/add_key.png b/res/ui/icons/add_key.png
new file mode 100644
index 0000000000000000000000000000000000000000..78afb420be0285803fbcff0a9193a071f31cbf30
GIT binary patch
literal 437
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sDEfH31!Z9ZwB1}{$+$B>G+x3dhhm;xnQuB$|Jx_X^tyfpg|
z^HYY*Zz76&T|J(<UW$B?nIw5(W+_La;9aLWr!>1CGmqa6|FLiT8@)e$vz(s!cUvFP
zekE!8@Q!}jit>=%ch~ISJ(DSKN@&4n{T2V7aXzo;%|5k4?7-yxM<$qtFOE8}a`JoQ
zl(Sb?h<$k8!LU?UaKRQ;rYYN88ZJ%a2)HH0=oPKxkm=2$k=u!o?9tn@`k%Ia?vC3x
z-#p}H-nQhJhWL)_tXZe5A8<2IpZtFFW8(v*pHn7n2N~k<aq0uF?*cKh$EU6NA^V~8
zpzSNcr=N5W?Ec4mHSE7<*7}E$+h&*Ee1FP00Noy3j#!iAA-!%(Xt-_ylwRPf8@SwW
hX7Qe5rmiMu8Kvq~gtzQ<hy?~UgQu&X%Q~loCII@&w3Yw>

literal 0
HcmV?d00001

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);