From 39bdb86fadd3287369ca71df287889cd89ffd25b Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Wed, 5 Aug 2020 10:55:22 -0400
Subject: [PATCH] Fix v-checkbox blowout on relational setup

---
 .../data-model/field-detail/components/relationship-m2m.vue     | 2 +-
 .../data-model/field-detail/components/relationship-m2o.vue     | 2 +-
 .../data-model/field-detail/components/relationship-o2m.vue     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
index aca183a806..17e2702ceb 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
@@ -104,7 +104,7 @@ export default defineComponent({
 
 	position: relative;
 	display: grid;
-	grid-template-columns: repeat(3, 1fr);
+	grid-template-columns: repeat(3, minmax(0, 1fr));
 	gap: 20px;
 	margin-top: 48px;
 
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue
index 88936c995d..71ce3b3496 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue
@@ -170,7 +170,7 @@ export default defineComponent({
 
 	position: relative;
 	display: grid;
-	grid-template-columns: repeat(2, 1fr);
+	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 20px 32px;
 	margin-top: 48px;
 
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue
index 3bb1257d2e..1ebdf8ebaf 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue
@@ -114,7 +114,7 @@ export default defineComponent({
 .grid {
 	position: relative;
 	display: grid;
-	grid-template-columns: repeat(2, 1fr);
+	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 20px 32px;
 	margin-top: 48px;