Minor tweaks to Tag component (#1866)

# What this PR does Minor UI Tweaks after releasing the grouping&templating changes
grafana · May 4, 2023 · 02712e9 · 02712e9
1 parent 0a02b21
commit 02712e9
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,5 +1,5 @@
 .incident__tag {
-  padding: 3px 12px;
+  padding: 5px 8px;
   display: inline-flex;
   align-items: center;
   cursor: pointer;