RadioButtonGroup: Fixed vertical centering (#23138)

5 years ago · e19493ae24
parent 7e2fedb0cc
commit e19493ae24
1 changed files with 3 additions and 4 deletions
--- 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};