spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

Suggestion: Icon-text alignment issues in Contact/Company Info #179

New Issue
Closed
opened 2026-05-22 18:36:14 +00:00 by Zhekrom · 1 comment
Zhekrom commented 2026-05-22 18:36:14 +00:00
Copy Link
Copy Source
Title: Suggestion: Icon-text alignment issues in Contact/Company Info
Severity: Low
Mode: Contact / Company Info
Lesson ID / File: Contact page - Company Info section
Environment: Browser (specify version), OS (specify version)
Date/Time: 2026-05-22

Source Code

(Not applicable � UI/alignment issue)

Steps to Reproduce

1. Navigate to the Contact page.
2. Go to the Company Info section.
3. Observe the alignment between icons and their accompanying text.

Expected Output

Icons and text should be properly aligned, maintaining a clean, structured layout.

Actual Output

The icons and text in the Company Info section are visibly misaligned. It is easily noticeable at first glance. This breaks the otherwise clean design structure and negatively impacts the visual user experience.

Suggested Priority

Low � Cosmetic issue. Does not affect functionality but compromises visual polish and design consistency.

Title: Suggestion: Icon-text alignment issues in Contact/Company Info Severity: Low Mode: Contact / Company Info Lesson ID / File: Contact page - Company Info section Environment: Browser (specify version), OS (specify version) Date/Time: 2026-05-22 Source Code (Not applicable � UI/alignment issue) Steps to Reproduce 1. Navigate to the Contact page. 2. Go to the Company Info section. 3. Observe the alignment between icons and their accompanying text. Expected Output Icons and text should be properly aligned, maintaining a clean, structured layout. Actual Output The icons and text in the Company Info section are visibly misaligned. It is easily noticeable at first glance. This breaks the otherwise clean design structure and negatively impacts the visual user experience. Suggested Priority Low � Cosmetic issue. Does not affect functionality but compromises visual polish and design consistency.
Screenshot 2026-05-22 143444.png
102 KiB
Screenshot 2026-05-22 143457.png
9.6 KiB
Screenshot 2026-05-22 143444.png Screenshot 2026-05-22 143457.png
spikerj commented 2026-06-08 15:20:01 +00:00
Owner
Copy Link
Copy Source

Fixed in spikersoft-angular PR #13 (shared root cause with #177).

The Company Info styling was dead CSS (scoped under a non-existent .info-card wrapper), so the section never received its intended icon/text structure. The PR re-scopes the rules to the real .info-content class and vertically centers each list row's leading icon with its label so the icon column lines up cleanly.

Fixed in spikersoft-angular PR #13 (shared root cause with #177). The Company Info styling was dead CSS (scoped under a non-existent `.info-card` wrapper), so the section never received its intended icon/text structure. The PR re-scopes the rules to the real `.info-content` class and vertically centers each list row's leading icon with its label so the icon column lines up cleanly.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#179