diff --git a/grafana-plugin/src/containers/AlertRules/AlertRules.tsx b/grafana-plugin/src/containers/AlertRules/AlertRules.tsx index 36b6fe52..68e9f1e1 100644 --- a/grafana-plugin/src/containers/AlertRules/AlertRules.tsx +++ b/grafana-plugin/src/containers/AlertRules/AlertRules.tsx @@ -714,16 +714,18 @@ class AlertRules extends React.Component { )} escalate to{' '} - +
e.stopPropagation()}> + +
e.stopPropagation()}>{this.renderChannelFilterButtons(channelFilterId, index)}
diff --git a/grafana-plugin/src/pages/incident/Incident.helpers.tsx b/grafana-plugin/src/pages/incident/Incident.helpers.tsx index 4f4309c6..844477d6 100644 --- a/grafana-plugin/src/pages/incident/Incident.helpers.tsx +++ b/grafana-plugin/src/pages/incident/Incident.helpers.tsx @@ -214,6 +214,7 @@ export function getActionButtons(incident: AlertType, cx: any, callbacks: { [key key="silence" disabled={incident.loading} onSelect={onSilence} + buttonSize="sm" /> ); } diff --git a/grafana-plugin/src/pages/incidents/parts/SilenceDropdown.tsx b/grafana-plugin/src/pages/incidents/parts/SilenceDropdown.tsx index c4987dcd..fa9e0786 100644 --- a/grafana-plugin/src/pages/incidents/parts/SilenceDropdown.tsx +++ b/grafana-plugin/src/pages/incidents/parts/SilenceDropdown.tsx @@ -12,10 +12,11 @@ interface SilenceDropdownProps { onSelect: (value: number) => void; className?: string; disabled?: boolean; + buttonSize?: string; } const SilenceDropdown = observer((props: SilenceDropdownProps) => { - const { onSelect, className, disabled = false } = props; + const { onSelect, className, disabled = false, buttonSize } = props; const onSelectCallback = useCallback( ([value, ...rest]) => { @@ -43,6 +44,7 @@ const SilenceDropdown = observer((props: SilenceDropdownProps) => { label: silenceOption.display_name, }))} value={undefined} + buttonProps={{ size: buttonSize }} > Silence