search

EnCiv / undebate-ssp

Undebate Self Service Portal- Web portal where election administrators of democratically run organizations create undebates for their candidates and voters
Other
6 stars 9 forks source link

landing page box alignment #183

Closed Okewusi closed 1 year ago

ddfridley commented 2 years ago

The change does make all the boxed of equal size, it imposes more whitespace (well purple space in this case) into the left most box than was there previously. Can you find a way to minimize the whitespace?

ddfridley commented 2 years ago

Here is what I see - with red arrows showing where the space should be reduced. image

ddfridley commented 2 years ago

So If I go into the "Controls" section at the bottom of storybook, and go to the IconBoxes section and enter extra data for iconBoxes[0].subject and iconBoxes[0].description I get this:

image

The code worked for the data that was provided, however to build reusable react components that adapt to the input (which in the real environment is coming from a database) it's going to needs a different strategy.

Please don't be discouraged! I suggest it might take something like display: flex both for the div containing the icon boxes, and for the iconBoxes. But I am new to using flex.

Want to talk it through sometime?