Facet Component Styling Issues

[benmcginnis]

Checkbox & chevron baseline alignment is high by ~ 2px:

Additionally, the facet component should probably not restrict it's presentation (by setting a width on itself) since it could be used in isolation in a custom layout.

For example this treatment:

Would be very difficult to accomplish with the component as it exists today.

[benmcginnis]

Recommendations from design/qa:

.yxt-FilterOptions-option
{
  align-items: center;
  line-height: 1.6;
}

.yxt-FilterBox-titleContainer [data-component="IconComponent"]
{
  line-height: 0; // might want to do this on the IconComponent itself
}