Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Buttons have no vertical padding #1872

Closed
lukepighetti opened this issue May 15, 2018 · 3 comments
Closed

Buttons have no vertical padding #1872

lukepighetti opened this issue May 15, 2018 · 3 comments

Comments

@lukepighetti
Copy link

Hello, when my buttons end up on top of eachother there is no padding to prevent them from touching. Is this intentional? Is there a bulma class to solve this? Or should I be using custom CSS?

screen shot 2018-05-15 at 2 57 22 pm

            <article class="tile is-child notification is-success">
              <p class="title">Wallets</p>
              <p class="subtitle">For any platform</p>
              <a href="{{ site.download.macOS }}" class="button is-light is-medium">macOS &nbsp;<i class="fab fa-apple"></i></a>
              <a href="{{ site.download.windows }}" class="button is-light is-medium">Windows &nbsp;<i class="fab fa-windows"></i></a>
              <a href="{{ site.download.linux }}" class="button is-light is-medium">Linux &nbsp;<i class="fab fa-linux"></i></a>

            </article>
@lukepighetti
Copy link
Author

Need to wrap these buttons in a <div class="buttons"></div> tag.

I didn't see this anywhere in the documentation, for what its worth.

@iskradelta
Copy link

When I add the div class buttons to buttons which are inside a level... it breaks the level and the buttons get spaces/margins, but become not vertically aligned.

@xenoterracide
Copy link

yes, this is not mentioned in the documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants