redmineOH

Codex task: Align issue metadata fields and dividers¶

Fix the formatting of the metadata section displayed near the top of an issue-details page.

Problem¶

The issue properties—such as Status, Priority, Assignee, Start date, Due date, % Done and Estimated time—do not form a consistently aligned grid. The small dividers or visual separators between fields appear at different horizontal positions, making the section look uneven.

Use the screenshot attached to this issue as the visual reference.

Required work¶

1. Inspect the rendered HTML and existing RedmineOH theme rules affecting the issue details/property area.

2. Identify the native Redmine selectors used for the issue attribute grid.

3. Adjust the RedmineOH theme CSS so that:

   • labels use a consistent width;
   • values begin at consistent horizontal positions;
   • rows and columns align cleanly;
   • dividers or borders line up across the complete metadata section;
   • long values, links and empty values do not break the layout;
   • the layout remains usable at narrower viewport widths.

4. Scope the changes specifically to issue-details pages. Do not apply broad rules to generic table, label, div, hr, attributes or grid elements across unrelated pages.

5. Preserve Redmine functionality and semantic markup. Prefer CSS-only changes unless the theme already overrides the relevant issue view.

6. Remove or narrow any existing RedmineOH rule that is causing the misalignment rather than stacking an increasingly specific workaround on top of it.

Areas to verify¶

Test the issue details layout with:

• short and long assignee names;
• filled and empty due dates;
• estimated time present and absent;
• different progress percentages;
• parent and child issues;
• custom fields, when present;
• desktop and narrow/mobile widths;
• both issue viewing and issue editing sections.

Acceptance criteria¶

• Metadata labels and values form a visually consistent grid.
• Dividers and borders align across rows and columns.
• Empty fields do not create irregular spacing.
• Long values wrap or truncate safely without overlapping neighbouring fields.
• The attached screenshot’s visible defect is resolved.
• No regressions appear on project overview, issue list, new issue, edit issue or administration pages.
• The change is limited to the smallest appropriate RedmineOH stylesheet or selector group.

Deliverable¶

Report:

• files changed;
• selectors added, removed or narrowed;
• the root cause of the misalignment;
• pages and viewport sizes tested;
• any remaining edge cases.