align items

apps/frontend/src/views/ManageQRCodesView.vue

@@ -10,16 +10,11 @@
 
     <QueryRender :query="query">
       <template #default="{ data }">
-        <div v-if="data.rows.length > 0">
+        <div
-          <div class="flex flex-col gap-5 my-5">
+          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"
-            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
+          v-if="data.rows.length > 0"
-              <QRCodeCard
+        >
-                v-for="{ doc: qrCode } in data.rows"
+          <QRCodeCard v-for="{ doc: qrCode } in data.rows" :key="qrCode!.uri" :qrCode="qrCode!" />
-                :key="qrCode!.uri"
-                :qrCode="qrCode!"
-              />
-            </div>
-          </div>
         </div>
 
         <div