Fixed Responsiveness of components

[greedy-wudpeckr]

Which problem is this PR solving?

• Resolves : [Bug]: Responsiveness of some components #3456

Description of the changes

• Fixed responsiveness of few components

Screenshots :

Before :



After :

[github-actions]

Hi @greedy-wudpeckr, thanks for your contribution! To ensure quality reviews, we limit how many concurrent open PRs new contributors can open.

This PR is currently on hold (Status: 3/1 open). We will automatically move this into the review queue once your existing PRs are merged or closed.

Please see our Contributing Guidelines for details on our tiered quota policy.

[greedy-wudpeckr]

PTAL @yurishkuro

[Copilot]

Pull request overview

This PR improves the responsiveness of search trace page components to better handle different screen sizes, particularly mobile and tablet viewports.

Changes:

• Added responsive grid breakpoints to ResultItem columns for better layout on smaller screens
• Enhanced SearchResults header with flex-wrap and media queries for mobile optimization
• Wrapped the submit button in a FormItem and added max-width constraints to prevent overflow

Reviewed changes

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

File	Description
packages/jaeger-ui/src/components/SearchTracePage/SearchResults/index.css	Added flex-wrap, gap, and mobile media query to header for better wrapping behavior on small screens
packages/jaeger-ui/src/components/SearchTracePage/SearchResults/ResultItem.tsx	Converted fixed column spans to responsive breakpoints (xs, sm, md, lg) for adaptive layout
packages/jaeger-ui/src/components/SearchTracePage/SearchForm.tsx	Wrapped submit button in FormItem for consistent form layout
packages/jaeger-ui/src/components/SearchTracePage/SearchForm.css	Added max-width: 100% to submit button states to prevent overflow on narrow screens

---

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