Commit 2fa9b1fe authored by Filipa Lacerda's avatar Filipa Lacerda

Fixes styling issues in test reports

In the Merge Request widget, the reports for tests
had an extra border.
The loading icon in the mr widget used in all
report sections had an extra margin causing text
to be misaligned.
This commit fixes both issues

Closes #52147
parent f5c8923a
...@@ -268,11 +268,11 @@ export default { ...@@ -268,11 +268,11 @@ export default {
:key="deployment.id" :key="deployment.id"
:deployment="deployment" :deployment="deployment"
/> />
<div class="mr-section-container">
<grouped-test-reports-app <grouped-test-reports-app
v-if="mr.testResultsPath" v-if="mr.testResultsPath"
:endpoint="mr.testResultsPath" :endpoint="mr.testResultsPath"
/> />
<div class="mr-section-container">
<div class="mr-widget-section"> <div class="mr-widget-section">
<component <component
:is="componentName" :is="componentName"
......
...@@ -201,7 +201,6 @@ ...@@ -201,7 +201,6 @@
.mr-widget-icon { .mr-widget-icon {
font-size: 22px; font-size: 22px;
margin-right: $gl-btn-padding;
} }
.ci-status-icon svg { .ci-status-icon svg {
......
---
title: Removes extra border from test reports in the merge request widget
merge_request:
author:
type: fixed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment