### Begin of the insertionSteps to reproduceEnd of the insertion Begin of the deletion ContextEnd of the deletion

Begin of the insertion1. OpenEnd of the insertion Begin of the deletion InEnd of the deletion a work package Begin of the insertionin a narrow screen (or in split screen) or
2. Open a new work package creation form in a narrow screen (or in split screen)

### What is the buggy behavior?

* TheEnd of the insertion Begin of the deletion form, longEnd of the deletion text fields Begin of the insertionare notEnd of the insertion Begin of the deletion (likeEnd of the deletion all Begin of the insertionalignedEnd of the insertion Begin of the deletion other fields) have labels to the left of the text . This resultsEnd of the deletion in Begin of the insertionlength
* LostEnd of the insertion Begin of the deletion quite a fair bit of lostEnd of the deletion white space Begin of the insertionin the are below the label
* Labels are truncated more than necessaryEnd of the insertion Begin of the deletion and some alignment quirks.End of the deletion

Begin of the deletion <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/55188/content">

End of the deletion ### Begin of the insertionExpected behaviourEnd of the insertion Begin of the deletion Acceptance criteriaEnd of the deletion

* Move Begin of the insertionall work package form fields _below_End of the insertion the Begin of the insertionlabel in narrow (single-column) mode
* This includes regular fields andEnd of the insertion long text Begin of the insertioncustom fields
* In mobile,End of the insertion Begin of the deletion field content _under_End of the deletion the Begin of the insertionfields are then _always_ belowEnd of the insertion the label Begin of the insertion
End of the insertion Begin of the deletion
End of the deletion * Begin of the insertionAn open field will spanEnd of the insertion Begin of the deletion As isEnd of the deletion the Begin of the insertionentire widthEnd of the insertion Begin of the deletion case already in certain partsEnd of the deletion of the Begin of the insertionformEnd of the insertion Begin of the deletion OpenProject, like the invite user dialogueEnd of the deletion

Begin of the insertion### ScreenshotsEnd of the insertion Begin of the deletion <figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/54914/content"></div></figure>End of the deletion

Begin of the insertion<img class="op-uc-image op-uc-image_inline" style="width:401px;" src="/attachments/55215/long_text_narrow.png">

End of the insertion ### Begin of the insertionVisuals (mockups)

_To be added_

###End of the insertion Out of scope

Begin of the insertion* Changes in multi-column mode
* Long text fields continue to span mutiple columns (unchanged from now)
End of the insertion * Changing the colour of the labels to make them stand out more (and distinguish from the actual content, which can also include styling that might make it compete with the label)
* Only for work package forms
* Expand/collapsible long text fields