From 767fad3d5c2f6f8e5d8f57faaad00ef36229fe82 Mon Sep 17 00:00:00 2001
From: diegosouzapw <diegosouza.pw@gmail.com>
Date: Sun, 31 May 2026 10:38:18 -0300
Subject: [PATCH] feat(quota): 2-column responsive grid for pool cards

---
 .../costs/quota-share/QuotaSharePageClient.tsx       |  2 +-
 tests/unit/quota-share-grid.test.ts                  | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 tests/unit/quota-share-grid.test.ts

diff --git a/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx b/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx
index 53ccf92454..fb0e483de1 100644
--- a/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx
+++ b/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx
@@ -282,7 +282,7 @@ export default function QuotaSharePageClient() {
           </Button>
         </div>
       ) : (
-        <div className="flex flex-col gap-3">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
           {pools.map((pool) => (
             <PoolCardWithUsage
               key={pool.id}
diff --git a/tests/unit/quota-share-grid.test.ts b/tests/unit/quota-share-grid.test.ts
new file mode 100644
index 0000000000..5c08e77e53
--- /dev/null
+++ b/tests/unit/quota-share-grid.test.ts
@@ -0,0 +1,12 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+test("pool list uses a responsive 2-column grid", () => {
+  const p = join(fileURLToPath(import.meta.url), "..", "..", "..",
+    "src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx");
+  const src = readFileSync(p, "utf8");
+  assert.ok(/grid-cols-1\s+lg:grid-cols-2/.test(src), "pool list must be a responsive 2-col grid");
+});