diff --git a/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.module.css b/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.module.css index a421dabc..57b3da4c 100644 --- a/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.module.css +++ b/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.module.css @@ -12,17 +12,5 @@ margin-bottom: 20px; width: 100%; background: var(--background-secondary); - - & > li .hover-button { - display: none; - } - - & > li:hover .hover-button { - display: inline-flex; - } - - & > li { - padding: 10px 12px; - width: 100%; - } + padding: 10px 12px; } diff --git a/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.tsx b/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.tsx index 255f3ea8..0c4f2342 100644 --- a/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.tsx +++ b/grafana-plugin/src/components/ManualAlertGroup/ManualAlertGroup.tsx @@ -141,20 +141,19 @@ const ManualAlertGroup: FC = (props) => { {chatOpsAvailableChannels && ( <> - ChatOps:{' '} {chatOpsAvailableChannels.map( (chatOpsChannel: { name: string; icon: IconName }, chatOpsIndex) => ( -
- {chatOpsChannel.icon && } +
+ {chatOpsChannel.icon && } {chatOpsChannel.name || ''}
) )} + {chatOpsAvailableChannels && ( + + + + )} )}