**As** a Begin of the insertionuserEnd of the insertion Begin of the deletion \[enter role of user\]End of the deletion
**I want to** Begin of the insertionhave a complete and coherent view on the relationsEnd of the insertion Begin of the deletion \[enter objective\]End of the deletion
**so that** Begin of the insertionI don't need to go to the web appEnd of the insertion Begin of the deletion \[enter desired result\]End of the deletion

**Acceptance criteria**

* Begin of the insertionAll the relations are now displayed in sections like in the web app. The sections follow designs of a Primer box list.

End of the insertion Begin of the deletion <br>


**Technical notes**

End of the deletion * Begin of the insertionTapping on an element of the list will open the related work package.

End of the insertion Begin of the deletion <br>


**Permissions and visibility considerations**

End of the deletion * Begin of the insertionThe look and feel of the related work packagesEnd of the insertion Begin of the deletion _To whomEnd of the deletion is Begin of the insertionalso updated to follow the designs on the web app, adapting new logic for work packages.

End of the insertion Begin of the deletion this feature visible?_

End of the deletion * Begin of the insertionAll actions are now available only individually through the more menu:

* Edit: allows the user to edit the description and lag.

* Delete

* The FAB button to add a relation.

* Tapping on the button will open the relation options as fab actions.

* Once selected the relation, a search work package bottom sheet will appear. The empty state now contains also information of the relation type in the text.

* Once the work packageEnd of the insertion Begin of the deletion _WhenEnd of the deletion is Begin of the insertionselected, a modal will be open with the first field (work package) filled and the optional fields of description and lag (lag is only available for predecessor and successor). The modal has a header with &quot;Add \[relation type\]&quot;.

* If the user taps on the work package field again, the search bottom sheet reappears, allowing the user to change work packages.


**Technical notes**

* <br>End of the insertion Begin of the deletion it not visible?_End of the deletion


**Out of scope**

* Begin of the insertionDisplay ghost relations in mobile: ###61040.

* Modify the work package&#39;s style to Primer: ###61545.End of the insertion Begin of the deletion <br>End of the deletion