Fix overflow margin on productivity analytics filter bar

What does this MR do and why?

Fix overflow margin on productivity analytics filter bar

Minor fix for the overflowing input field on small screens for productivity analytics.

Follow up to #414233 (closed)

Screenshots or screen recordings

Before	After

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

• You will need a GitLab Premium license
• Follow the instructions to view productivity analytics
• Resize the screen to a small size

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #414233 (closed)

changed milestone to %16.1

added UI polish UX bugmobile devopsplan frontend groupoptimize mobile layout priority3 sectiondev severity4 typebug workflowin dev + 1 deleted label

assigned to @ekigbo

Please wait for Reviewer Roulette to suggest a designer for UX review, and then assign them as Reviewer. This helps evenly distribute reviews across UX.

This message was generated automatically. You're welcome to improve it.

	1 Warning
⚠	You've made some app changes, but didn't add any tests. That's OK as long as you're refactoring existing code, but please consider adding any of the maintenancepipelines, maintenancerefactor, maintenanceworkflow, documentation, QA labels.

Reviewer roulette

Changes that require review have been detected!

Please refer to the table below for assigning reviewers and maintainers suggested by Danger in the specified category:

Category	Reviewer	Maintainer
frontend	Scott de Jonge (@sdejonge) (UTC+10, same timezone as @ekigbo)	Tristan Read (@tristan.read) (UTC+12, 2 hours ahead of @ekigbo)
UX	Kevin Comoli (@kcomoli) (UTC+2, 8 hours behind @ekigbo)	Maintainer review is optional for UX

To spread load more evenly across eligible reviewers, Danger has picked a candidate for each review slot, based on their timezone. Feel free to override these selections if you think someone else would be better-suited or use the GitLab Review Workload Dashboard to find other available reviewers.

To read more on how to use the reviewer roulette, please take a look at the Engineering workflow and code review guidelines. Please consider assigning a reviewer or maintainer who is a domain expert in the area of the merge request.

Once you've decided who will review this merge request, assign them as a reviewer! Danger does not automatically notify them for you.

If needed, you can retry the 🔁 danger-review job that generated this comment.

Generated by 🚫 Danger

Hi @kcomoli would you be free to UX review this small fix?

Note: Red border added to the screenshots just for illustration

requested review from @kcomoli

changed the description

Hey @rcrespo3 would you be free to review this frontend change?

We could fix this with a utility class applied as well, but unfortunately this uses a shared filter bar app/views/shared/issuable/_search_bar.html.haml so I think there could be knock on effects.

Additionally, we could maybe refactor this to use a different filter bar, or make the shared bar analytics specific, but I think this CSS solution is the simplest fix.

requested review from @rcrespo3

added workflowin review label and removed workflowin dev label

Bundle size analysis [beta]

This compares changes in bundle size for entry points between the commits 95369ea5 and 284b9f25

✨ Special assets

Entrypoint / Name	Size before	Size after	Diff	Diff in percent
average	4.12 MB	4.12 MB	-	0.0 %
mainChunk	3 MB	3 MB	-	0.0 %

---

Please look at the full report for more details

---

Read more about how this report works.

Generated by 🚫 Danger

Allure report

allure-report-publisher generated test report!

e2e-test-on-gdk: ❗ test report for 284b9f25

expand test summary

+-----------------------------------------------------------------------+
|                            suites summary                             |
+------------------+--------+--------+---------+-------+-------+--------+
|                  | passed | failed | skipped | flaky | total | result |
+------------------+--------+--------+---------+-------+-------+--------+
| Plan             | 4      | 0      | 0       | 1     | 4     | ❗     |
| Data Stores      | 2      | 0      | 0       | 1     | 2     | ❗     |
| Monitor          | 4      | 0      | 0       | 0     | 4     | ✅     |
| Create           | 8      | 0      | 1       | 1     | 9     | ❗     |
| Manage           | 1      | 0      | 0       | 0     | 1     | ✅     |
| Framework sanity | 0      | 0      | 1       | 0     | 1     | ➖     |
| Govern           | 2      | 0      | 0       | 0     | 2     | ✅     |
+------------------+--------+--------+---------+-------+-------+--------+
| Total            | 21     | 0      | 2       | 3     | 23    | ❗     |
+------------------+--------+--------+---------+-------+-------+--------+

e2e-review-qa: ❗ test report for 284b9f25

expand test summary

+-----------------------------------------------------------------------+
|                            suites summary                             |
+------------------+--------+--------+---------+-------+-------+--------+
|                  | passed | failed | skipped | flaky | total | result |
+------------------+--------+--------+---------+-------+-------+--------+
| Plan             | 50     | 0      | 1       | 0     | 51    | ✅     |
| Create           | 8      | 0      | 1       | 0     | 9     | ✅     |
| Monitor          | 4      | 0      | 0       | 0     | 4     | ✅     |
| Framework sanity | 0      | 0      | 1       | 0     | 1     | ➖     |
| Manage           | 1      | 0      | 0       | 0     | 1     | ✅     |
| Govern           | 2      | 0      | 0       | 0     | 2     | ✅     |
| Data Stores      | 2      | 0      | 0       | 1     | 2     | ❗     |
+------------------+--------+--------+---------+-------+-------+--------+
| Total            | 67     | 0      | 3       | 1     | 70    | ❗     |
+------------------+--------+--------+---------+-------+-------+--------+

approved this merge request

approved this merge request

requested review from @ealcantara and removed review request for @rcrespo3

removed review request for @kcomoli

approved this merge request

👋 @ealcantara, thanks for approving this merge request.

This is the first time the merge request is approved. To ensure full test coverage, a new pipeline will be started shortly.

For more info, please refer to the following links:

• rspec predictive jobs
• jest predictive jobs
• merging a merge request.

added pipeline:mr-approved label