From c7066f404b3ca625663fae561cc782d32c959a59 Mon Sep 17 00:00:00 2001
From: adele-usdr <146878468+adele-usdr@users.noreply.github.com>
Date: Thu, 30 Nov 2023 10:21:31 -0800
Subject: [PATCH] fix: #2273 use stacked table layout for narrow windows

---
 packages/client/src/components/GrantsTableNext.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/components/GrantsTableNext.vue b/packages/client/src/components/GrantsTableNext.vue
index 49db99e92..1ce4143b5 100644
--- a/packages/client/src/components/GrantsTableNext.vue
+++ b/packages/client/src/components/GrantsTableNext.vue
@@ -21,7 +21,7 @@
     </b-row>
     <b-row align-v="center">
       <b-col cols="12">
-        <b-table id="grants-table" hover responsive :items="formattedGrants"
+        <b-table id="grants-table" hover responsive stacked="sm" :items="formattedGrants"
           :fields="fields.filter(field => !field.hideGrantItem)" selectable striped :sort-by.sync="orderBy"
           :sort-desc.sync="orderDesc" :no-local-sorting="true" :bordered="true" select-mode="single" :busy="loading"
           @row-selected="onRowSelected" show-empty emptyText="No matches found">