# Padding

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

![](/files/-L_i6yT0WOZyypqML8fk)

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

![](/files/-LqryAfjhtZeGIJzLRF2)

## 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.

![](/files/-LqryluyVToyVhEoMBsN)

* Padding between two elements in a group is 20px

![](/files/-LqrzUQ1QJN_V_xFd1q3)

## 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.

![](/files/-Lqs--6_vvEaxaeNP8b6)

* Padding between two elements in a popup is 15px

![](/files/-Lqs-DOQf0z0idoZMM60)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.airdev.co/canvas/2.0.0-1/using-the-template/extending-the-template-manually/padding.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.