adjust catalog paddings

src/layouts/MainLayout.vue

@@ -216,6 +216,10 @@ const logoutSupplantedUser = async () => {
     padding: 16px;
 }
 
+div .q-drawer-container {
+    padding: 0 !important;
+}
+
 @include mobile {
     #actions {
         .q-btn {

src/pages/Ecomerce/CatalogView.vue

@@ -36,7 +36,7 @@
             />
         </div>
     </Teleport>
-    <div style="padding-bottom: 5em">
+    <div>
         <QDrawer v-model="rightDrawerOpen" side="right" :width="250" persistent>
             <div class="q-pa-md">
                 <div class="basket-info q-gutter-y-sm">
@@ -162,7 +162,7 @@
         <div
             :class="
                 viewMode === 'grid'
-                    ? 'q-px-md row justify-center q-gutter-md'
+                    ? ' row justify-center q-gutter-x-md'
                     : 'column items-center'
             "
         >