From d5d27dceb9b707fc7757361a34239a86900bcff0 Mon Sep 17 00:00:00 2001
From: acer <giwayume@gmail.com>
Date: Mon, 23 Nov 2020 13:43:55 -0500
Subject: [PATCH] Fix icon button with image vertical align

---
 src/css/component.css        | 6 ++++++
 src/js/core/gui/gui-tools.js | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/css/component.css b/src/css/component.css
index ef8896d..58b0ad1 100644
--- a/src/css/component.css
+++ b/src/css/component.css
@@ -203,16 +203,22 @@
 
 .ui_icon_button {
     height: 2.8rem;
+    line-height: 2.8rem;
 }
 
 .ui_icon_button.input_height {
     height: 2.4rem;
+    line-height: 2.4rem;
 }
 
 .ui_icon_button > svg {
     display: block;
     font-size: 1.6rem;
 }
+.ui_icon_button > img {
+    display: block;
+    margin: 0 auto;
+}
 button img{
     filter: var(--menu-icons-filter);
 }
diff --git a/src/js/core/gui/gui-tools.js b/src/js/core/gui/gui-tools.js
index e62da26..5c68ccd 100644
--- a/src/js/core/gui/gui-tools.js
+++ b/src/js/core/gui/gui-tools.js
@@ -214,7 +214,7 @@ class GUI_tools_class {
 					element.classList.add('ui_icon_button');
 					element.classList.add('input_height');
 					element.innerHTML = icon;
-					element.innerHTML = '<img alt="" src="images/icons/'+icon+'" />';
+					element.innerHTML = '<img alt="'+title+'" src="images/icons/'+icon+'" />';
 				} else {
 					element.classList.add('ui_toggle_button');
 				}