I have a list of string items which I want to use inline editing for modification. Before a user can change a string they need to hit an edit button to enter edit mode. There's also an inline delete button which will delete the associated item. These buttons will only be visible when the user hovers over the item in the list.
My question is regarding the alignment of these inline editing/command buttons. Each string item will be of a different length and I don't know whether these buttons should:
- Align vertically at the end of the longest string.
- Be placed immediately at the end of the string regardless of its length.
Hopefully these mockups demonstrate my question:
Remember that the buttons normally won't be visible unless the user hovers over the item they affect.