Visual bug for Cancel link in Order List; Surprising behavior from link

[placer14]

Brief Description: When viewing the cancel link for offline direct order, the link looks different from other links on the page. Also surprised that the "Cancel" link actually cancels the order and doesn't show the order detail view like the other links do. This may be due to the visual bug as it's suppose to be a button (maybe?) as that would make more sense here (like the Accept/Reject scenario on the vendor side when they get an offline order).

Operating System (OS and version): MacOS
OpenBazaar version (shown on About OpenBazaar page in menu): 2.3.0/0.13.0

Reproducible (Always / Almost Always / Sometimes / Rarely / Couldn't Reproduce): Always

Steps to reproduce:

1. Create offline direct order.
2. Fund the order.
3. Observe the order showing a "cancel" link in the status column.

Observed Behavior:

Expected Behavior:
Expected the link to look similar to the other links.

Additional info (links, images, etc go here):

[placer14]

Clicking the link immediately attempts to cancel the payment and reverse the funds of the 1-of-2 payment from my node.

[rmisio]

This may be due to the visual bug as it's suppose to be a button (maybe?) as that would make more sense here (like the Accept/Reject scenario on the vendor side when they get an offline order).

I don't think it's a visual bug. If I recall correctly, it was designed this way.

But yes, I do believe behavior wise it's more like Accept / Reject in that it immediately performs an operation.

Also surprised that the "Cancel" link actually cancels the order and doesn't show the order detail view like the other links do.

Are there links in the Status column that open the Order Detail page?

[placer14]

The Pending status above it did. There's also a Canceled and Fulfilled state in the vendor view which does the same.

[rmisio]

The Pending status above it did. There's also a Canceled and Fulfilled state in the vendor view which does the same.

Ok, but those aren't styled as links. Those are just plain text. The reason they open the Order Detail is because clicking anywhere on the row opens up the order detail (unless you happen to click a link or a button).

This is related to #621

[placer14]

I get they aren't styled as links intentionally, but they certainly give a "link"-like vibe when I hover over them. It's not obvious that I'm clicking on a row in these cases.

[rmisio]

I get they aren't styled as links intentionally, but they certainly give a "link"-like vibe when I hover over them.

ok, yeah, that's probably a visual bug. I don't think those status's should get an underline on hover.