### Steps to reproduce

* Go to a large instance

* Try to search in the top bar search for a WorkPackage which you don't know the exact title or ID of


### What is the buggy behavior?

1. When clicked, there are 5 recently watched WorkPackages shown

2. When starting to type, there are 10 WorkPackages shown

3. The order is super weird

4. The list is rather small making it hard to read the full title


<img class="image_resized op-uc-image op-uc-image_inline" style="width:356px;" src="/api/v3/attachments/234347/content">

<br>

### What is the expected behavior?

* There are more WorkPackages shown

* Let&#39;s try 20 results and see how that feels

* Make the list wider

* If Begin of the deletion % based, increase number: exact number to be discussed

* IfEnd of the deletion fixed-width, try 520px, and we&#39;ll adjust based on tests

* Do not alter the width of the search bar

* Reorder the items so that it&#39;s similar to our [Primer work package info line](https://qa.openproject-edge.com/lookbook/pages/components/work_package_info_line)

* First line: {Type} #{ID} {Status} - {Project}

* Second line: Title of the work package

* The title is Begin of the insertionwrapped in multiple linesEnd of the insertion Begin of the deletion truncated based on available widthEnd of the deletion

* Begin of the insertionProject nameEnd of the insertion Begin of the deletion Add title attribute so that the full titleEnd of the deletion is Begin of the insertiontruncatedEnd of the insertion Begin of the deletion visible on hoverEnd of the deletion

* Begin of the deletion \[open\] Can we test a version where we donc truncate and let the work package wrap to multiple lines?

* \[open\]End of the deletion Remove the Begin of the insertionAvatarEnd of the insertion Begin of the deletion avatar

* _Let&#39;s test this (Marc&#39;s suggestion) and see if works or if we feel like we lost important information_

* ~~Change the order maybe by (&quot;last updated at&quot; DESC).~~

* ~~tbd: It might be that this is already the current sorting, in which case we&#39;d have to think about that again~~

<br>End of the deletion


Begin of the deletion ###

End of the deletion ### Environment information

**OpenProject version**

_14.6_

**Browser**

* [x] Chrome
* [x] Firefox
* [x] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)

**Operating System**

* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)

<br>