search

element-hq / element.io

Public issue tracker for the element.io site
4 stars 4 forks source link

Pricing callout tabs lack left/right padding #25

Closed OnlyOneJMJQ closed 2 years ago

OnlyOneJMJQ commented 3 years ago

Currently text runs to the edge of callout tabs on the pricing page. Applying padding: 10px 15px doesn't break any responsive styling and overall looks good to me. image

callahad commented 3 years ago

I suspect the intended design to to have the tab stretch the full width of the box, like in the mobile layout:

Screen Shot 2021-08-03 at 21 03 11

It looks like the site is achieving this with flexbox and align-items: stretch, but that property isn't applied to the desktop layout:

Screen Shot 2021-08-03 at 21 04 26

The same issue also manifests on the "Personal" tab:

Screen Shot 2021-08-03 at 21 04 52

cc: @nadonomy

JordanConnor commented 3 years ago

Thanks for the report, have a fix ready for the next deployment.