Reduce the width of the search box

This proposed solution reduces the search box maxlength to 80 characters on desktop and 45 characters on screens smaller than 768px.

@rkoller, was the intent of this issue to reduce the allowable character length of this input or the visible width of the input field?

Adjusting the width of the input based on viewport size so it doesn't end up really wide would be nice, but is a separate thing from the allowable input character length. Also, the WCAG section you referenced pertains to blocks of text, not form inputs, so I don't think that should apply here and the input's maxLength shouldn't be different for users with different viewport sizes.

The open MR that @Tabestan put together addresses just the maxLength not the input's physical size.

I have updated the physical width of the search box for desktop and mobile device as 80ch and 45ch respectively for desktop and mobile devices.

MR is failing and in the Issue summary also MR is "Open Failed Pipeline"

Moving ti "needs work"

MR is passing the tests now.

@tabestan, @rkoller we are rearranging things visually in this issue 📌 Improve the categories filter type in context to the rest of the filter component ui Fixed

The search box is going to always span the full width of the browser window. There is no need to limit the box width or the character count as far as I can tell.

CC: @raubin, @gauravvvv

Postponing this pending 📌 Improve the categories filter type in context to the rest of the filter component ui Fixed