fix: #2273 use stacked table layout for narrow windows (#2291)

usdigitalresponse · Dec 5, 2023 · 0423a16 · 0423a16
1 parent 7f2302d
commit 0423a16
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/client/src/components/GrantsTableNext.vue b/packages/client/src/components/GrantsTableNext.vue
@@ -22,7 +22,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">