From 8462c1d94580617f0517744972d87ef705304e75 Mon Sep 17 00:00:00 2001 From: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com> Date: Thu, 19 Dec 2024 10:31:46 -0500 Subject: [PATCH] fix(kbutton): add text-align (#2547) Sometimes the button display property is overriden to block, and in these scenarios we want to ensure the text-align is set to center to properly align the button text. --- src/components/KButton/KButton.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/KButton/KButton.vue b/src/components/KButton/KButton.vue index ab864667d1..7275f5e2ca 100644 --- a/src/components/KButton/KButton.vue +++ b/src/components/KButton/KButton.vue @@ -191,6 +191,7 @@ export default { justify-content: center; // Remove tap color highlight on mobile Safari -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + text-align: center; text-decoration: none; transition: background-color $kongponentsTransitionDurTimingFunc, color $kongponentsTransitionDurTimingFunc, border-color $kongponentsTransitionDurTimingFunc; user-select: none; @@ -325,6 +326,7 @@ export default { cursor: pointer; display: inline-flex; justify-content: center; + text-align: center; transition: background-color $kongponentsTransitionDurTimingFunc, color $kongponentsTransitionDurTimingFunc, border-color $kongponentsTransitionDurTimingFunc; user-select: none; white-space: nowrap;