From e19493ae2435fc9159e419957c42ae4d4e7c5668 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Fri, 27 Mar 2020 11:38:09 +0100 Subject: [PATCH] RadioButtonGroup: Fixed vertical centering (#23138) --- .../src/components/Forms/RadioButtonGroup/RadioButton.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx index 692726386c3..7172967f230 100644 --- a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx +++ b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx @@ -69,11 +69,10 @@ const getRadioButtonStyles = stylesFactory((theme: GrafanaTheme, size: RadioButt display: inline-block; position: relative; font-size: ${fontSize}; - min-height: ${fontSize}; + height: ${height}; + line-height: ${height}; color: ${textColor}; - padding: calc((${height} - ${fontSize}) / 2) ${horizontalPadding} calc((${height} - ${fontSize}) / 2) - ${horizontalPadding}; - line-height: 1; + padding: 0 ${horizontalPadding}; margin-left: -1px; border-radius: ${theme.border.radius.sm}; border: ${border};