From e23f72b7fc2587937a8f210291cc8d25ab93280d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Sat, 25 Apr 2020 14:13:44 +0200
Subject: [PATCH] RadioButtons: Updates design and no longer full width in
 panel edit (#23883)

---
 .../src/components/Forms/RadioButtonGroup/RadioButton.tsx   | 6 +++---
 packages/grafana-ui/src/utils/standardEditors.tsx           | 2 +-
 2 files changed, 4 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 067173b0e0c..2c9678046b4 100644
--- a/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx
+++ b/packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButton.tsx
@@ -28,13 +28,13 @@ const getRadioButtonStyles = stylesFactory((theme: GrafanaTheme, size: RadioButt
   const c = theme.palette;
   const textColor = theme.colors.textSemiWeak;
   const textColorHover = theme.colors.text;
-  const textColorActive = theme.isLight ? c.blue77 : c.blue95;
+  const textColorActive = theme.colors.textBlue;
   const borderColor = theme.colors.border2;
   const borderColorHover = theme.colors.border3;
-  const borderColorActive = theme.isLight ? c.blue77 : c.blue95;
+  const borderColorActive = theme.colors.border2;
   const bg = theme.colors.bodyBg;
   const bgDisabled = theme.isLight ? c.gray95 : c.gray15;
-  const bgActive = theme.isLight ? c.white : c.gray05;
+  const bgActive = theme.colors.bg2;
 
   const border = `1px solid ${borderColor}`;
   const borderActive = `1px solid ${borderColorActive}`;
diff --git a/packages/grafana-ui/src/utils/standardEditors.tsx b/packages/grafana-ui/src/utils/standardEditors.tsx
index 46fb2c2df8c..bbd1b20b066 100644
--- a/packages/grafana-ui/src/utils/standardEditors.tsx
+++ b/packages/grafana-ui/src/utils/standardEditors.tsx
@@ -247,7 +247,7 @@ export const getStandardOptionEditors = () => {
     id: 'radio',
     name: 'Radio',
     description: 'Allows option selection',
-    editor: props => <RadioButtonGroup {...props} options={props.item.settings?.options} fullWidth />,
+    editor: props => <RadioButtonGroup {...props} options={props.item.settings?.options} />,
   };
 
   const unit: StandardEditorsRegistryItem<string> = {