redmineOH

Bug #2

Updated by 0x01 SIA about 2 months ago

## Codex task: Align issue metadata fields and dividers 

 Fix When opening a ticket, it shows the formatting of the metadata section displayed near the top of an issue-details page. 

 ### Problem 

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

 Use the dividers. As per 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 we see 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 they are 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. relatively aligned. 

 <img style="width: 1697px;" src="clipboard-202607260704-ocnb0.png"><br> 

Back