From 84be55f8d3523c0ff247853e0e1e5d4dc5cdc80a Mon Sep 17 00:00:00 2001
From: mm <25961416+mlmoravek@users.noreply.github.com>
Date: Mon, 3 Jun 2024 10:26:54 +0200
Subject: [PATCH] fix(button): add btn `display:inline-flex` with `min-height`
 (#120)

---
 src/assets/scss/components/_button.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/assets/scss/components/_button.scss b/src/assets/scss/components/_button.scss
index 187a065..e4fd49f 100644
--- a/src/assets/scss/components/_button.scss
+++ b/src/assets/scss/components/_button.scss
@@ -2,6 +2,7 @@
 
 /* @docs */
 $btn-spacer: 0.5rem !default;
+$btn-height: 2.35em !default;
 $btn-border-color: var(--#{$prefix}border-color);
 $btn-hover-border-color: var(--#{$prefix}border-color);
 $btn-hover-box-shadow: $box-shadow-sm !default;
@@ -56,11 +57,17 @@ $btn-hover-box-shadow: $box-shadow-sm !default;
 
 .btn {
   --#{$prefix}btn-spacer: #{$btn-spacer};
+  --#{$prefix}btn-height: #{$btn-height};
   --#{$prefix}btn-border-color: #{$btn-border-color};
   --#{$prefix}btn-hover-border-color: #{$btn-hover-border-color};
   --#{$prefix}btn-hover-box-shadow: #{$btn-hover-box-shadow};
   --#{$prefix}btn-disabled-border-color: var(--#{$prefix}btn-border-color);
 
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: var(--#{$prefix}btn-height);
+
   .button-wrapper {
     display: inline-flex;
     align-items: center;