Merge pull request #478 from Shelf-nu/471-custom-fields-table-has-wro…

…ng-html-structure wrapped custom field name column in a link to custom field edit page
Shelf-nu · Oct 23, 2023 · a5c9c5f · a5c9c5f
2 parents 276e55c + 35f5aef
commit a5c9c5f
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/app/routes/_layout+/settings.custom-fields.index.tsx b/app/routes/_layout+/settings.custom-fields.index.tsx
@@ -130,17 +130,19 @@ function TeamMemberRow({ item }: { item: CustomField }) {
   return (
     <>
       <Td className="w-full">
-        <div className="flex items-center justify-between gap-2">
-          <div className="flex-1">
-            <Link
-              to={`${item.id}/edit`}
-              className="block text-text-sm font-medium text-gray-900"
-            >
-              {item.name}
-            </Link>
-            <span className="text-gray-600">{FIELD_TYPE_NAME[item.type]}</span>
+        <Link
+          to={`${item.id}/edit`}
+          className="block text-text-sm font-medium text-gray-900"
+        >
+          <div className="flex items-center justify-between gap-2">
+            <div className="flex-1">
+              <span className="block">{item.name}</span>
+              <span className="text-gray-600">
+                {FIELD_TYPE_NAME[item.type]}
+              </span>
+            </div>
           </div>
-        </div>
+        </Link>
       </Td>
       <Td>
         <span className="text-text-sm font-medium capitalize text-gray-600">