return (
<div className="overview-panel" data-test="overview__quality-gate-panel">
- <h2 className="overview-panel-title display-inline-flex-center">
- {translate('overview.quality_gate')}{' '}
+ <div className="display-flex-center spacer-bottom">
+ <h2 className="overview-panel-title null-spacer-bottom">
+ {translate('overview.quality_gate')}{' '}
+ </h2>
<HelpTooltip
className="little-spacer-left"
overlay={
</div>
}
/>
- </h2>
-
+ </div>
{showIgnoredConditionWarning && (
<Alert className="big-spacer-bottom" display="inline" variant="info">
<span className="text-middle">
className="overview-panel"
data-test="overview__quality-gate-panel"
>
- <h2
- className="overview-panel-title display-inline-flex-center"
+ <div
+ className="display-flex-center spacer-bottom"
>
- overview.quality_gate
-
+ <h2
+ className="overview-panel-title null-spacer-bottom"
+ >
+ overview.quality_gate
+
+ </h2>
<HelpTooltip
className="little-spacer-left"
overlay={
</div>
}
/>
- </h2>
+ </div>
<div
className="overview-panel-content"
>
className="overview-panel"
data-test="overview__quality-gate-panel"
>
- <h2
- className="overview-panel-title display-inline-flex-center"
+ <div
+ className="display-flex-center spacer-bottom"
>
- overview.quality_gate
-
+ <h2
+ className="overview-panel-title null-spacer-bottom"
+ >
+ overview.quality_gate
+
+ </h2>
<HelpTooltip
className="little-spacer-left"
overlay={
</div>
}
/>
- </h2>
+ </div>
<div
className="overview-panel-content"
>
className="overview-panel"
data-test="overview__quality-gate-panel"
>
- <h2
- className="overview-panel-title display-inline-flex-center"
+ <div
+ className="display-flex-center spacer-bottom"
>
- overview.quality_gate
-
+ <h2
+ className="overview-panel-title null-spacer-bottom"
+ >
+ overview.quality_gate
+
+ </h2>
<HelpTooltip
className="little-spacer-left"
overlay={
</div>
}
/>
- </h2>
+ </div>
<div
className="overview-panel-content"
>
className="overview-panel"
data-test="overview__quality-gate-panel"
>
- <h2
- className="overview-panel-title display-inline-flex-center"
+ <div
+ className="display-flex-center spacer-bottom"
>
- overview.quality_gate
-
+ <h2
+ className="overview-panel-title null-spacer-bottom"
+ >
+ overview.quality_gate
+
+ </h2>
<HelpTooltip
className="little-spacer-left"
overlay={
</div>
}
/>
- </h2>
+ </div>
<div
className="overview-panel-content"
>
className="overview-panel"
data-test="overview__quality-gate-panel"
>
- <h2
- className="overview-panel-title display-inline-flex-center"
+ <div
+ className="display-flex-center spacer-bottom"
>
- overview.quality_gate
-
+ <h2
+ className="overview-panel-title null-spacer-bottom"
+ >
+ overview.quality_gate
+
+ </h2>
<HelpTooltip
className="little-spacer-left"
overlay={
</div>
}
/>
- </h2>
+ </div>
<Alert
className="big-spacer-bottom"
display="inline"