From a0aae19fb04a44538cce0499bb11223487dcdb6f Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Fri, 6 Dec 2024 21:59:39 +0200
Subject: [PATCH] align items

---
 apps/frontend/src/views/ManageQRCodesView.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/apps/frontend/src/views/ManageQRCodesView.vue b/apps/frontend/src/views/ManageQRCodesView.vue
index 064d5ca..329c9a0 100644
--- a/apps/frontend/src/views/ManageQRCodesView.vue
+++ b/apps/frontend/src/views/ManageQRCodesView.vue
@@ -10,16 +10,11 @@
 
     <QueryRender :query="query">
       <template #default="{ data }">
-        <div v-if="data.rows.length > 0">
-          <div class="flex flex-col gap-5 my-5">
-            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
-              <QRCodeCard
-                v-for="{ doc: qrCode } in data.rows"
-                :key="qrCode!.uri"
-                :qrCode="qrCode!"
-              />
-            </div>
-          </div>
+        <div
+          class="flex-1 grid grid-cols-2 sm:grid-cols-3 gap-5 my-5 place-content-center sm:place-content-start justify-items-center"
+          v-if="data.rows.length > 0"
+        >
+          <QRCodeCard v-for="{ doc: qrCode } in data.rows" :key="qrCode!.uri" :qrCode="qrCode!" />
         </div>
 
         <div