Padding

Spacing between elements

Using consistent padding across pages is important for your app's design to remain cohesive with the Canvas template.

Here are some of the standards used across the template:

General padding

• Padding between two elements is 20px

• Padding between above input text and an input is 0px

Padding in groups

• Padding for the content of groups is 40px on all sides. For instance, a line of text in a group of 860px would have a width of 780px, 40px padding on both sides.

• Padding between two elements in a group is 20px

Padding in popups

• Padding for the content of popups is 30px on all sides. For instance, an input in a popup of 680px would have a width of 620px, 30px padding on both sides.

• Padding between two elements in a popup is 15px