Texts are not vertically aligned in listing views

I think we can do the change needed for Views also in this issue.

I actually think we should do the views patch separately, because the Views UI might require a slightly different design.

1. +++ b/core/themes/seven/css/components/dropbutton.component.css
   @@ -128,6 +128,8 @@
    .dropbutton-single .dropbutton-widget {
      border: 0;
   +  position: static !important;
   +  display: inline-block;
   

   I'm not sure why we have these changes?

2. +++ b/core/themes/seven/style.css
   @@ -608,7 +608,7 @@ tbody tr:hover {
    th {
   -  vertical-align: top;
   +  vertical-align: middle;
    }
   

   It looks like middle is actually the default browser styling, so we could delete this CSS completely?

I agree. "Vertical-align: middle" is no harm. I reviewed this patch and it fixes this issue. But since the latest version of core, the 'core/theme/seven/style.css' file doesn't exist anymore. Now the styling is in '/core/themes/seven/components/tables.css'.

So new patch in attach. (And let's hope that sevens filestructure doesn't change anymore.)

Tested the patch, all good.

Screenshot attached.

I don't see any dropbuttons in the above screenshot? We need screenshots from a variety of pages to make sure we don't cause regressions elsewhere. Here are some suggestions:

• Views listing
• View Edit page
• Content type listing

Also the suggestions I made in #5 are still present so keeping this on needs work. We shouldn't need to use !important. I looked up the documentation for vertical align and the default is actually baseline, so we don't need to change this. I updated the remaining tasks.

Oops, sorry. First time getting involved in the issue queues, so please excuse me if I overlook something.

Screenshots attached of dropbuttons. The vertical alignment looks to be unaffected, though I have noticed the font size of the dropbuttons on the Views listing/edit page is inconsistent with those on the Content type listing.

Table rows are still top vertically aligned on the Views listing page also.

I did the asked change from #10.
I removed the !important on the dropdown-widget position: static. And indeed, there is no need to use an !important.

New patch in attach!

Here are some testing screenshots, looks good IMO:

Verified on Chrome(Mac) and IE9(Win7)
Looks much better now, but can you please vertically inline description row for admin/structure/views page?
See the screenshot:
http://goo.gl/oEnomd

Hi eftimitac,

Views table alignment is in a new issue "Texts are not vertically aligned in Views list" (see comment #5 and #6).

I also ran over all the pages, just to double check. I think we are good to go. This only affects the Seven theme.

Committed 63a6e44 and pushed to 8.0.x. Thanks!

Documenting that #2349829: #2293589 breaks table row buttons now lists this issue as its parent. Note that #2349829: #2293589 breaks table row buttons is now RTBC.