CPT: Adjust placement of thumbnail and action items on list screen

[aduth]

Closes #6540
Closes #6542

This pull request seeks to...

• Adjust the position of the post thumbnail relative to the action menu
• Reorder the action menu items to mirror that of the posts screen
• Use "Preview" as View action label unless post is published

Incidentally, it also increases the clickable area of the menu toggle button.

Before	After

Testing instructions:

1. Navigate to the custom post types list screen
2. Confirm that layout of thumbnail and menu match that as described in CPT: List View: Canonical Image size, position, and crop adjustment #6542
3. Toggle the action menu for a post
4. Confirm that menu items show in same order as on the posts screen
5. Verify that "Preview" is shown for drafts or scheduled posts, and that "View" is shown for published or privately published posts (and is not an option for trashed posts)

/cc @hugobaeta

Test live: https://calypso.live/?branch=update/6540-6542-cpt-list-layout

[folletto]

Tested on Chrome, Safari, Firefox 👍

Design wise it's good. Excellent enlargement of the ••• area.

A transversal comment not related to this PR: would be ideal that the image, when present, was clickable too. :)

[aduth]

would be ideal that the image, when present, was clickable too. :)

I agree! #6327

[hugobaeta]

@aduth I agree, but not to enlarge the thumbnail. Clicking it should do the same as clicking the title: go to the edit screen. What do you think @folletto?

[folletto]

Clicking it should do the same as clicking the title: go to the edit screen.

Yep! 👍

[folletto]

Actually @mtias pointed out that would be a regression. I added then a quick iteration on #6327 to keep the feature in for the new design, if you want to review it. :)