10 21 decrease gaps between elements in the landing pages

[fsargent]

Description

• Removed huge gap value.

Screenshots / Videos (frontend only)

Old:

New:

Be sure to include both desktop and mobile views (mobile could be as low as 320 px wide)

Related Issues

For example, add fixes #10 to close issue #10

[ArendPeter]

Thanks for the contribution!

The current size was chosen almost a year ago after a consultation with a ui/ux volunteer. The larger gap gives a simpler look since it has the focus on one thing at a time. But that said I also see how the added scrolling could hurt the experience.

Im open to recoconsidering that decision, but I wanted to clarify the original context :)

[fsargent]

Ok, so is there anything I can do to get this merged in then? Let me know!

[ArendPeter]

Ok, so is there anything I can do to get this merged in then? Let me know!

Sorry for the delays! I think remove the font change, and making gap slightly larger (it went from 20 to 1, but I think something in the 3-5 range could still add some helpful separation). Then I'll merge add we'll see how we feel with it

For the STAR Ballot I noticed the new font caused the text to wrap so I think we should hold off on that

Edit: Actually on second thought, the wrapping might be because of the screen width, and not the font. I think the is the main stylistic change I'm nervous about. Once that's changed I'll merge both PRs

[fsargent]

@ArendPeter Finally fixed this up. I think it looks a lot better. Reverted the font changes and tried to be a bit more consistent about gaps at 2rem.