style: adiciona padding lateral em conteudo da pagina

src/pages/contracts/ContractPage.vue

@@ -6,36 +6,38 @@
       @show-filter="handleShowFilter"
     />
 
-    <div class="row">
-      <q-select
-        v-if="showFilter"
-        v-model="statusSelected"
-        label="Selecione o Status"
-        :options="statusOptions"
-        option-value="value"
-        option-label="label"
-        class="col-3"
-        bg-color="white"
-        hide-dropdown-icon
-        emit-value
-        map-options
-        color="secondary"
-        outlined
-      >
-        <template #append>
-          <q-icon name="mdi-chevron-down" color="secondary" />
-        </template>
-      </q-select>
-    </div>
+    <div class="q-px-sm">
+      <div class="row">
+        <q-select
+          v-if="showFilter"
+          v-model="statusSelected"
+          label="Selecione o Status"
+          :options="statusOptions"
+          option-value="value"
+          option-label="label"
+          class="col-3"
+          bg-color="white"
+          hide-dropdown-icon
+          emit-value
+          map-options
+          color="secondary"
+          outlined
+        >
+          <template #append>
+            <q-icon name="mdi-chevron-down" color="secondary" />
+          </template>
+        </q-select>
+      </div>
 
-    <DefaultTable
-      :columns
-      no-api-call
-      :rows
-      title="Lista de Contratos"
-      descricao="Contratos"
-      :feminino="false"
-    />
+      <DefaultTable
+        :columns
+        no-api-call
+        :rows
+        title="Lista de Contratos"
+        descricao="Contratos"
+        :feminino="false"
+      />
+    </div>
   </div>
 </template>