### 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?

Begin of the insertion* End of the insertion Begin of the deletion 1. End of the deletion There are more WorkPackages shown Begin of the insertion

* Let&#39;s tryEnd of the insertion Begin of the deletion (10 recently viewed,End of the deletion 20 results Begin of the insertionand see how that feels

* End of the insertion Begin of the deletion ?)

2. End of the deletion Make the list wider

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

* If fixed-width, try 520px, and we&#39;ll adjust based on tests

* Do not alter the width of the search bar

* End of the insertion Begin of the deletion 1. End of the deletion Reorder the items Begin of the insertionso that it&#39;s similarEnd of the insertion to Begin of the insertionour [Primer work package info line](https://qa.openproject-edge.com/lookbook/pages/components/work_package_info_line)

* End of the insertion Begin of the deletion

1. End of the deletion First line: Begin of the insertion{Type} #{ID} {Status} - {Project}

* End of the insertion Begin of the deletion TBD

2. End of the deletion Second line: Title Begin of the insertionof the work package

* The title is truncated based on available width

* End of the insertion Begin of the deletion

3. End of the deletion Add title attribute Begin of the insertionso thatEnd of the insertion Begin of the deletion

4. ChangeEnd of the deletion the Begin of the insertionfull title is visible on hover

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

* \[open\] Remove the avatar

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

* ~~Change theEnd of the insertion order maybe by (&quot;last updated at&quot; Begin of the insertionDESC).~~End of the insertion Begin of the deletion DESC).End of the deletion

Begin of the insertion* ~~tbd:End of the insertion Begin of the deletion 1. tbd:End of the deletion It might be that this is already the current sorting, in which case we&#39;d have to think about that Begin of the insertionagain~~

<br>


End of the insertion Begin of the deletion again

5. Get rid of the avatar


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>