CG-0MO4SXRMY007LEA9: Main Street responsive 2x5 street layout#435
Merged
SorraTheOrc merged 21 commits intomainfrom Apr 19, 2026
Merged
CG-0MO4SXRMY007LEA9: Main Street responsive 2x5 street layout#435SorraTheOrc merged 21 commits intomainfrom
SorraTheOrc merged 21 commits intomainfrom
Conversation
added 21 commits
April 18, 2026 10:46
…et slot for visual scale testing
… add browser test to validate texture and aspect
…ng test to avoid brittle cost assumptions
…es (CG-0MO4NFMY4005DK66)
- Render street as 2 rows x 5 columns (10 slots total) instead of single horizontal row - Add responsive layout computation computeLayout() with SceneLayout interface - Compact action buttons and move hand area to bottom to free vertical space - Add layout validation tests for non-overlapping zones - Update card-dimensions.md and README with layout notes - Include screenshots demonstrating desktop and narrow mobile layouts
- Increase incident queue card height from 64px to 72px to match market cards - Fix handY to not offset below screen on desktop - Update screenshot showing corrected layout
…llenges panel - Use same BASE_QUEUE_CARD dimensions as market cards for consistency - Position Challenges panel above the hand area on desktop to make it visible - Update screenshot showing corrected layout
- Smaller market cards (120x64) moved higher - Incident queue positioned to right at same Y level as market, matching card size - Street moved up closer to queue (2x5 grid at slotW=88, slotH=86) - Challenge panel above hand area - Activity log on right side when space available - All zones non-overlapping on 1280x720 desktop Screenshot shows final desktop layout.
These constants are now computed inline in computeLayout().
This fixes the overlap between street and challenges panel. Now challenges are positioned above the hand area at the bottom of the screen.
…edback - Activity Log top aligned with marketTop - Challenges top aligned with queueTop, right edge aligned to margin - Hand card aligned to right edge margin, bottom aligned to margin - Build passes
- Turn (top) removed from HUD, added centered at bottom aligned to margin - Changed Rep: to Reputation: - Score now positioned to right of Reputation - Removed Your Street label from street grid - Removed Your Hand label from player hand section
This fixes gameH is not defined error.
- Remove Your Street label - Remove Your Hand label - Log left edge just left of right margin - Log top aligns with market border - Log bottom aligns with market bottom border
…enges left of log - Turn 1/20 and Phase moved to bottom center - Instruction text moved to bottom center - Deck counts moved below row labels for Business, Investments, Incident queue - Challenges panel moved to left of Activity Log - Build passes
…ges narrower - Header bar now 2/3 width centered - Removed duplicate turn counter, keeping only the one at bottom with instructions - Deck counts now immediately under row labels - Challenges box narrower to fit in gap - Score moved left away from settings/help icons - Build passes
…y label - Center Coins, Rep, Score in the header strip - Shrink incidents box width to just fit cards - Expand challenges box to fill gap - Remove 'Incidents' from label, just say 'Upcoming'
- Move Upcoming border to start at x=110 to wrap the cards - Expand challenges box wider - Move challenges slightly higher
- Challenges top aligned with incidents container top - Challenges height increased to align with incidents bottom - Incidents border right edge aligns with second card with margin
SorraTheOrc
temporarily deployed
to
github-pages
GitHub Actions
Inactive
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements a responsive UI re-layout for Main Street that addresses multiple layout issues from the original work item:
Changes Made
Layout Positioning
Tests
Files Changed
Related Work Item
CG-0MO4SXRMY007LEA9