Show filtered search bar at small widths

Summary

In Google Chrome for mobile, the options for edit or create list boards don't show. I only can create two default list and don't can edit in Board.

Steps to reproduce

1. Open gitlab in mobile web browser.
2. Create new repository.
3. Open issues.
4. Try create new list board in Issues.

What is the current bug behavior?

Only mobile version. Tested in Google Chrome 68.0.3340.91, Android 7.1.1

Don't show correct options according documentation https://about.gitlab.com/features/issueboard/, step 4.

The menu options of list, close the list. Don't show option like add or edit.

What is the expected correct behavior?

Show a find bar with add list button. Show a menu when click in "down arrow" option (menu of list, in top of list, in left of title).

Relevant logs and/or screenshots

Solution

• For MVC, let's keep consistent with the rest of the product in the way we handle mobile web through common interaction and design patterns. For examples of this check out this comment.
• This issue is pertaining to a mobile board view of [Breakpoint <768px] and [Breakpoint >0px]

• Padding of 16px around content container except for the issue board content itself as that scrolls horizontally. The scrolling could be a point of iteration as noted here but this is future scope.
• Existing issue filters are now stacked within container with the above mentioned 16px padding.