Views exposed widgets don't line up very well with the current css. I've attached a patch in the first comment that allows them to be vertically aligned to the baseline by using display: table for the wrapper and display: inline-block for the children. This of course won't work nicely on less than IE8 but you could always revert to floats in the IE specific style sheet (not included in patch).

Before:

After:

CommentFileSizeAuthor
#1 views-exposed-widgets-inline-1965704-1.patch2.58 KBtanc
views-exposed-widgets-inline.png27.65 KBtanc
views-exposed-widgets-float.png23.6 KBtanc

Comments

tanc’s picture

tanc
he/him
Primary language English
Location Italy
commented
StatusFileSize
new views-exposed-widgets-inline-1965704-1.patch2.58 KB

Patch attached.

dudenhofer’s picture

dudenhofer commented
Status: Active » Needs work

There may be some styles here that need to be moved to kickstart where the filters are using inline labels. When applying your patch, it looks good for basic filter fields, but it gets thrown off for date fields or any exposed filter that might have description text.

I think the issue is the top margin for the .views-exposed-form .views-exposed-widget .form-submit in contrib.css

dudenhofer’s picture

dudenhofer commented
Assigned: Unassigned » dudenhofer
dudenhofer’s picture

dudenhofer commented
Status: Needs work » Fixed

I put some time into this fix. There were additional issues with the date fields that I had to fix to get these to align properly. With this commit update, it should display all of the exposed widget fields and labels inline.

http://drupalcode.org/project/shiny.git/commit/76f1ce8

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.