From d407307d4c158333bd23f9ca39ddab6b9a21d3e4 Mon Sep 17 00:00:00 2001
From: Leonardo <leomilho@gmail.com>
Date: Wed, 19 Jun 2024 17:17:03 +0200
Subject: [PATCH] chore: button line-hight fix
---
libs/shared/lib/components/buttons/Button.tsx | 2 +-
libs/shared/lib/components/buttons/buttons.module.scss | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/libs/shared/lib/components/buttons/Button.tsx b/libs/shared/lib/components/buttons/Button.tsx
index 0b09a140f..f4e5c04dd 100644
--- a/libs/shared/lib/components/buttons/Button.tsx
+++ b/libs/shared/lib/components/buttons/Button.tsx
@@ -145,7 +145,7 @@ export const Button = React.forwardRef<HTMLButtonElement | HTMLAnchorElement | H
>
{iconPosition === 'leading' && icon}
{label && <span>{label}</span>}
- {children && <span style={{ transform: 'translate(0, -1px)' }}>{children}</span>}
+ {children && <span>{children}</span>}
{iconPosition === 'trailing' && icon}
</ButtonComponent>
);
diff --git a/libs/shared/lib/components/buttons/buttons.module.scss b/libs/shared/lib/components/buttons/buttons.module.scss
index ec502e7d7..3c65332d2 100644
--- a/libs/shared/lib/components/buttons/buttons.module.scss
+++ b/libs/shared/lib/components/buttons/buttons.module.scss
@@ -22,6 +22,7 @@
span {
overflow: hidden;
text-overflow: ellipsis;
+ line-height: 1em;
}
svg {
width: 1em;
--
GitLab