diff --git a/app/assets/stylesheets/components/rapid_diffs/diff_file_component.scss b/app/assets/stylesheets/components/rapid_diffs/diff_file_component.scss index 5b04ca162b77376c6af34b0c1e15b4928c74862e..6069cd92e1d360642a6f4e3facad6c33618accea 100644 --- a/app/assets/stylesheets/components/rapid_diffs/diff_file_component.scss +++ b/app/assets/stylesheets/components/rapid_diffs/diff_file_component.scss @@ -24,6 +24,7 @@ .rd-lines-removed { color: $red-500; + margin-left: $gl-padding-4; } .rd-diff-file-body { diff --git a/app/components/rapid_diffs/diff_file_header_component.html.haml b/app/components/rapid_diffs/diff_file_header_component.html.haml index 7d81b92c316bff70f97cb98151a2f1fbe0a98624..155aecfffcaba568076b50437ac86fd78ed20b11 100644 --- a/app/components/rapid_diffs/diff_file_header_component.html.haml +++ b/app/components/rapid_diffs/diff_file_header_component.html.haml @@ -41,8 +41,8 @@ = helpers.gl_badge_tag(_('LFS'), variant: :neutral) .rd-diff-file-stats %span.rd-lines-added - %span + + %span>= "+" %span{ "data-testid" => "js-file-addition-line" }= @diff_file.added_lines %span.rd-lines-removed - %span − + %span>= "−".html_safe %span{ "data-testid" => "js-file-deletion-line" }= @diff_file.removed_lines