RadioButtonGroup: Fixed vertical centering (#23138)

e19493ae · Torkel Ödegaard · GitHub · 7e2fedb0 · e19493ae
Commit e19493ae authored Mar 27, 2020 by Torkel Ödegaard Committed by GitHub Mar 27, 2020
Show whitespace changes
Inline Side-by-side

Showing with 3 additions and 4 deletions

packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx
+3 -4

No files found.
--- 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};