menu
Channels
# All channels
view-forward
# General
view-forward
# Help me
view-forward
# Requests
view-forward
Team

Why isn't the input box and button aligned vertically in the docs?

October 22, 2019 at 10:43am

Why isn't the input box and button aligned vertically in the docs?

October 22, 2019 at 10:43am
From inspecting the CSS with Chrome Developer Tools, I saw the button has a vertical-align: middle; rule that makes the input higher than the button. Why is that? And is there a proper way to eliminate this behaviour so things are aligned without overriding the built-in CSS of the components? Thanks!
Below is the screenshot I took on my computer. The docs page is https://evergreen.segment.com/components/layout-primitives/
Screenshot 2019-10-22 18.39.30.png

December 31, 2019 at 4:18am
Probably for a couple reasons:
  1. marginTop on the button
  2. no flex alignItems="center"
  • reply
  • like