From 02712e9b10a751efb2285949647e5e2eabbc290e Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Thu, 4 May 2023 13:42:35 +0300
Subject: [PATCH] Minor tweaks to Tag component (#1866)

# What this PR does

Minor UI Tweaks after releasing the grouping&templating changes
---
 grafana-plugin/src/components/Tag/Tag.module.css                | 2 +-
 grafana-plugin/src/pages/incident/Incident.module.scss          | 2 +-
 grafana-plugin/src/pages/incident/Incident.tsx                  | 2 +-
 .../src/pages/incidents/parts/IncidentDropdown.module.scss      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/grafana-plugin/src/components/Tag/Tag.module.css b/grafana-plugin/src/components/Tag/Tag.module.css
index e1bfdaa5c4..c3dfbc1e10 100644
--- a/grafana-plugin/src/components/Tag/Tag.module.css
+++ b/grafana-plugin/src/components/Tag/Tag.module.css
@@ -1,6 +1,6 @@
 .root {
   border-radius: 2px;
   line-height: 100%;
-  padding: 4px 7px;
+  padding: 5px 8px;
   color: white;
 }
diff --git a/grafana-plugin/src/pages/incident/Incident.module.scss b/grafana-plugin/src/pages/incident/Incident.module.scss
index 72c2d6fbad..0779bd1afe 100644
--- a/grafana-plugin/src/pages/incident/Incident.module.scss
+++ b/grafana-plugin/src/pages/incident/Incident.module.scss
@@ -158,7 +158,7 @@
 
 .status-tag {
   height: 24px;
-  padding: 0 8px;
+  padding: 5px 8px;
   border-radius: 2px;
 }
 .paged-users {
diff --git a/grafana-plugin/src/pages/incident/Incident.tsx b/grafana-plugin/src/pages/incident/Incident.tsx
index 719fa4a2be..d52ade99e2 100644
--- a/grafana-plugin/src/pages/incident/Incident.tsx
+++ b/grafana-plugin/src/pages/incident/Incident.tsx
@@ -268,7 +268,7 @@ class IncidentPage extends React.Component<IncidentPageProps, IncidentPageState>
     const integrationNameWithEmojies = <Emoji text={incident.alert_receive_channel.verbal_name} />;
 
     return (
-      <Block withBackground className={cx('block')}>
+      <Block className={cx('block')}>
         <VerticalGroup>
           <HorizontalGroup justify="space-between">
             <HorizontalGroup className={cx('title')}>
diff --git a/grafana-plugin/src/pages/incidents/parts/IncidentDropdown.module.scss b/grafana-plugin/src/pages/incidents/parts/IncidentDropdown.module.scss
index 3cb0a70fd5..663dd742dc 100644
--- a/grafana-plugin/src/pages/incidents/parts/IncidentDropdown.module.scss
+++ b/grafana-plugin/src/pages/incidents/parts/IncidentDropdown.module.scss
@@ -1,5 +1,5 @@
 .incident__tag {
-  padding: 3px 12px;
+  padding: 5px 8px;
   display: inline-flex;
   align-items: center;
   cursor: pointer;