Refine inner block margins

[iamthomasbishop]

Inner block paddings are a bit loose right now, let's make sure these are refined.

Block Anatomy

By default, every block type (including Title) contains internal padding of 12pt top/bottom and 16pt left/right.

Static

Focused

When a block is focused, we show the inline toolbar (44pt height) and collapse the margin-bottom, like so:

Currently

(proper paddings indicated with green, improper in red)

Android:

As you can see, left/right paddings on Android are 👍 , however top/bottom paddings are a bit off.

iOS:

Punch-list

Both Platforms

• Ensure padding-top is always 12 (static + focused)
• Remove padding-bottom when block is focused

iOS

• Ensure padding on left/right sides is 16pt

[iamthomasbishop]

Previous, related issue: #393

[SergioEstevao]

@iamthomasbishop I update the margins here, one of the issue we where having is that the text container had a minimum height of 50px so when we had a single line on it we were still getting 50px of height to it making it look to have bigger margins. Here is a screenshot with some extra colors:

[iamthomasbishop]

Pulled this into Sketch to double check, and all of these margins look aligned perfectly.

Thanks for taking care of this @SergioEstevao !