Padding on last elements

[racheledelman]

When a paragraph or button is the last element in its div, it should have zero bottom padding. This is so that the contents of e.g. a slab can be centered horizontally.

[racheledelman]

https://cfa.slack.com/archives/C1RSQ5LRY/p1589500100056800 discussion

[SymonneSingleton]

The current PR adds a margin bottom to the last child. However, that is leading to the padding from labels being removed (for every text input there is one

label, which is technically the last p child, hence the removed padding). Some more investigation is needed to scope down which elements are being targeted when removing padding

[racheledelman]

Discussed with @SymonneSingleton: This approach may not work with some elements with a lot of divs. For example these paragraphs in grid, should still have space between them when they're stacked on mobile.

[wschaefer]

The first PR put:

&:last-child {
    margin-bottom: 0;
  }

on p tags and button classes. Due to the issues described above by @SymonneSingleton we're closing that PR.

To move this forward it would probably be best to pair with a designer.