Project

General

Profile

Actions

Feature #43836

open

Unify spacing around section separators on issue details page

Added by Go MAEDA about 9 hours ago. Updated about 2 hours ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Resolution:

Description

On the issue details page, spacing around section separators is inconsistent (for example between Description, Subtasks, and Related issues).

A likely reason is that `hr` does not define vertical spacing. As a result, spacing is affected by surrounding elements' default margins and looks uneven depending on the section.

I propose using a single vertical spacing rule for these separators to make the layout cleaner.

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 9ab5aa695..601bbbf0c 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -780,6 +780,7 @@ div.issue .attribute .value {overflow:auto; text-overflow: ellipsis;}
 div.issue .attribute.string_cf .value .wiki p {margin-block: 0;}
 div.issue .attribute.text_cf .value .wiki p:first-of-type {margin-block-start: 0;}
 div.issue.overdue .due-date .value { color: var(--oc-red-9); }
+div.issue.details > hr { margin-block: 16px; }
 body.controller-issues h2.inline-flex {padding-inline-end: 0}
 div#sticky-issue-header {
   display: none;
Actions

Also available in: Atom PDF