I have been attempting to increase the padding of my view by utilizing the "px-5" class on the container within the view. However, I am struggling to achieve the desired amount of padding. What I am aiming for is padding similar to what is shown in this screenshot from firebase:
This is how my App.Vue appears:
<v-content>
<div class="page-wrapper">
<page-header></page-header>
<router-view/>
</div>
</v-content>
Within the view:
<template>
<div id="pageTable">
<v-container grid-list-xl fluid px-5 pt-1 mx-auto>
<h2>Mina ordrar</h2>
<v-layout row wrap>
<v-flex xs12 md12 lg12>
<v-data-table
:headers="headers"
:items="orders"
class="elevation-1"
>
</v-data-table>
</v-flex>
</v-layout>
</v-container>
</div>
</template>
Any thoughts on what might be incorrect?
The current padding on my site can be seen below: