Improve size and position of buttons on show/movie cards

Portrait cards

image

  • I think the checkmark is a bit too small compared to the items on the right.

Landscape cards

image

  • Here it’s mainly about the placement of the checkmark and the star. Visually already, they look to me as if they’re placed a bit too high. And I can actually confirm that using a screen ruler. For the checkmark I’ve measured 12 pixels to the top and 17 to the bottom. For the star, 8 to the top, 14 to the bottom.

I realize that all of these things may sound a bit nit-picky, but why not throw it in here? Even an ever so slight improvement to this would be good and not hurt anyone. :slight_smile:

I’m a Web Developer and did a little more research for you. They have certain CSS applied to elements like theses.

For starters, the Star icon has a -2 pixels applied to the top for some reason. If this was removed the Star icon aligns much better with the rest of the icons.

.quick-icons .actions>a.favorite .icon {
    top: -2px;
}
1 Like

As for the Checkmark icon, the CSS is correct…I believe it’s just the actual size of the icon that makes it look “off”. They are using a mixture of icons, including their own font icons…so maybe they can redo the actual checkmark to look more consistent.

1 Like

That’s great, thanks!

1 Like