Mis-aligned Modal and Button

Hello,

I have a modal and a button side by side, in the screen shot you can see a gap at the top of the button, on the left you can see a gap beneath the modal. I can’t figure out why the gaps are there.

They are within a global block which is placed on the home page of https://cs-staging.xyz here

Help please!

Hi @theotcspace

Thanks for reaching out.

It appears to be caused by the icon, although same button height, the icon is big that overflows out the button which also increased the spacing below it. Please try decreasing the size of the icon, or increasing the height of both button.

Thanks!

Hi - I had tried that already, the modal gets smaller but the two gaps remain. I’ve added a login and details of the panel in question called “FO Panel”. Can you take a look, thanks, Bill.

Changing the height doesn’t work either. There’s something odd making that gap at the top.

Hi @theotcspace,

I went ahead and changed the size of the icon, should be okay now.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.