From 5f8606de1615d90b2d59bc2e1ea62204e057cf77 Mon Sep 17 00:00:00 2001
From: shocota <92870471+shocota@users.noreply.github.com>
Date: Tue, 24 Jan 2023 12:04:24 +0900
Subject: [PATCH] fix: card drag and drop not working on empty groups (#24)

---
 src/components/paginateGroup.vue | 3 ++-
 src/components/paginateUnit.vue  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/paginateGroup.vue b/src/components/paginateGroup.vue
index 0cdbe18..fa75907 100644
--- a/src/components/paginateGroup.vue
+++ b/src/components/paginateGroup.vue
@@ -100,12 +100,13 @@ header {
 
 .paginate-units {
   padding: 16px;
-  flex-grow: 1;
   display: flex;
   flex-flow: column nowrap;
+  flex-grow: 1;
 }
 
 .paginate-units > * {
+  display: flex;
   flex: 0 0 auto;
 }
 
diff --git a/src/components/paginateUnit.vue b/src/components/paginateUnit.vue
index 7a7c25d..4cb8772 100644
--- a/src/components/paginateUnit.vue
+++ b/src/components/paginateUnit.vue
@@ -190,6 +190,7 @@ export default defineComponent({
 .paginate-unit {
   display: flex;
   flex-flow: column nowrap;
+  flex-grow: 1;
   gap: 8px;
   align-items: stretch;
 }