Skip to content

Commit 531b2f2

Browse files
fix(crons): Fix alignment of service incident indicator (#71087)
before <img alt="clipboard.png" width="273" src="https://i.imgur.com/xSAcRfu.png" /> After <img alt="clipboard.png" width="286" src="https://i.imgur.com/zDCJmYn.png" />
1 parent 72ec2fb commit 531b2f2

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

static/app/views/monitors/components/timeline/serviceIncidents.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -140,19 +140,20 @@ const IncidentIndicator = styled('div')`
140140
left: var(--incidentOverlayStart);
141141
width: calc(var(--incidentOverlayEnd) - var(--incidentOverlayStart));
142142
transform: translateY(-50%);
143-
display: grid;
143+
display: flex;
144144
align-items: center;
145145
z-index: 2;
146+
height: 20px;
146147
147148
> svg,
148149
&:before {
149150
background: ${p => p.theme.yellow300};
150-
grid-row: 1;
151-
grid-column: 1;
152151
}
153152
154153
> svg {
155-
margin: 0 auto;
154+
position: absolute;
155+
left: 50%;
156+
transform: translateX(-50%);
156157
border-radius: 50%;
157158
height: 16px;
158159
width: 16px;

0 commit comments

Comments
 (0)