Where to place "Change Status" button on a Order page that improves look and feel?

Question

I am looking for general UX advice on how to arrange buttons on the screen, in particular, the "Change Status" button that I'm adding onto the screen below.

There were two buttons (Accept, Reject) before but now I am adding Change Status buton and there isn't a good place to put it.

I am also thinking that instead of "Change Status" I will have a button that says Put on Hold and conversely, Remove Hold, because that's what will be the functionality behind the button - to place hold on order and remove hold from order.

That functionality does not have to be a button, it could be a select box or a toggle switch but I think a button is most clear. I am open to suggestions.

My current Screen Mockup

^{download bmml source – Wireframes created with Balsamiq Mockups}

Individual Order Line Items do not affect Order Details and Order Comments - both of which belong to the entire order.

Update

Moved all 3 buttons into their own group, and placed them right of Order Comments.

Answer 1

As the buttons refer to the whole item I would not place them inside a particular element from it (currently Accept/Reject buttons are inside the Order details box). Instead you could place them either "out" or all the buttons under their own box (a "box for actions").

If there is no "Save" button I am not sure a toggle for the Hold status is the best idea. I would expect to trigger an action when clicking those buttons (right now Accept/Reject). But in desktop with a toggle I would expect the action to take place after I click a "Save/Accept/Apply" button. So I would keep it in a button. The idea you propose would still need a label that tells the exact status of the item, to leave no doubt. You could leave the "Change Status" button which toggles the label "The item is on Hold". If you take this approach I don't think there is need to change the button text.

Answer 2

I understand that the "change status" is a main action, for the "order details" box, not for the comments, so the obvious place for this button is in the left box.

You will have for the order the actions: - accept/ reject or - change status

Answer 3

Recommendations

1. Change the button text to be either "Put on hold" or "Remove Hold" based on the orders status.

2. Add a label that says "On Hold" if the orders is on hold, under the comments box.

3. Change the color of the button based on if it says "Put on Hold" or "Remove Hold". Stay away from green or red, but the colors should be different enough to stand out from each other.