From d93cfa73fd65672d2e4349c2979c7569391dc80a Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Tue, 2 Mar 2021 11:10:26 +0000
Subject: [PATCH] Updating with a suggestion from Andrew kingston, adding
 row/rows to sentences about one->many relationships so that singular/plural
 english makes sense.

---
 .../DataTable/modals/CreateEditColumn.svelte    | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte b/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte
index ad1deaae2a..57ce4cb43d 100644
--- a/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte
+++ b/packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte
@@ -158,19 +158,19 @@
     if (!linkTable) {
       return null
     }
-    const thisName = truncate(table.name, { length: 20 }),
-      linkName = truncate(linkTable.name, { length: 20 })
+    const thisName = truncate(table.name, { length: 15 }),
+      linkName = truncate(linkTable.name, { length: 15 })
     return [
       {
-        name: `Many ${thisName} has many ${linkName}`,
+        name: `Many ${thisName} rows has many ${linkName} rows`,
         value: RelationshipTypes.MANY_TO_MANY,
       },
       {
-        name: `One ${thisName} has many ${linkName}`,
+        name: `One ${thisName} row has many ${linkName} rows`,
         value: RelationshipTypes.ONE_TO_MANY,
       },
       {
-        name: `Many ${thisName} has one ${linkName}`,
+        name: `Many ${thisName} rows has one ${linkName} row`,
         value: RelationshipTypes.MANY_TO_ONE,
       },
     ]
@@ -339,15 +339,14 @@
   .rel-type-center {
     font-weight: 500;
     color: var(--grey-6);
-    margin-right: 8px;
-    margin-left: 8px;
+    margin-right: 6px;
+    margin-left: 6px;
     padding: 1px 3px 1px 3px;
     background: var(--grey-3);
     border-radius: 2px;
   }
 
   .radio-button-labels {
-    display: flex;
-    align-items: center;
+    margin-top: 2px;
   }
 </style>