Skip to content

Fix mobile UI issues#72

Merged
Power-Maverick merged 3 commits intomainfrom
oolashyn/feat-70-card-resize-on-mobile
Mar 16, 2026
Merged

Fix mobile UI issues#72
Power-Maverick merged 3 commits intomainfrom
oolashyn/feat-70-card-resize-on-mobile

Conversation

@OOlashyn
Copy link
Copy Markdown
Contributor

Updated card view to overflow for mobile categories:
image
Fixed issue with Footer navigation styling on mobile and overall layout shift
Before:
image
After:
image
Reworked tool header for both desktop and mobile - shifted categories below the icon and name, making them take the full screen on mobile to look better for smaller displays
New Desktop
image
Old Mobile
image
New Mobile
image

Copilot AI review requested due to automatic review settings March 13, 2026 02:10
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
web Ready Ready Preview, Comment Mar 13, 2026 2:10am

@OOlashyn OOlashyn requested review from Power-Maverick and Copilot and removed request for Copilot March 13, 2026 02:11
@OOlashyn OOlashyn linked an issue Mar 13, 2026 that may be closed by this pull request
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR addresses several mobile layout issues in the public tools UI by improving responsive wrapping/spacing in the footer, tool cards, and tool detail header.

Changes:

  • Make footer quick links wrap cleanly on small screens and center the copyright text.
  • Prevent tool-card “tags” row from clipping when categories wrap by switching to a minimum height.
  • Rework the tool details header layout so categories flow below the icon/name on mobile.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File Description
components/Footer.tsx Allows quick links to wrap with tighter gaps on mobile; centers copyright text.
app/(public)/tools/page.tsx Changes tags container from fixed height to min-height to support wrapping categories.
app/(public)/tools/[id]/page.tsx Restructures tool header layout for better mobile responsiveness (icon/name row, categories below).

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

@Power-Maverick Power-Maverick merged commit df87fc0 into main Mar 16, 2026
12 checks passed
@Power-Maverick Power-Maverick deleted the oolashyn/feat-70-card-resize-on-mobile branch March 16, 2026 02:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: tool card does not resize on mobile

3 participants