docs: update link modal

packages/noco-docs/docs/070.fields/040.field-types/040.links-based/010.links.md

@@ -43,16 +43,15 @@ Clicking on the link-text will open a `Linked Records` modal with the list of li
 
 ![image](/img/v2/fields/linked-record-modal.png)
 
-A brief note about the modal components:
+List of linked records will appear as a dropdown containing linked records as cards. A brief note about the modal components:
-1. This modal is displaying linked records for `PENELOPE`
+1. Search bar, to narrow down the list of linked records displayed
-2. Icon represents `Many-to-Many` relation
+2. Icon represents `Many-to-Many` relation. The count indicates the number of linked records
-3. Linked records belong to `Film` table
+3. List (cards) of linked records
-4. Search bar, to narrow down the list of linked records displayed
+4. Click on the `-` icon to unlink the record 
-5. List (cards) of linked records
+5. To view additional information (expanded record), hover on the card & click on the `<>` icon
-6. To view additional information (expanded record), hover on the card & click on the `<>` icon
+6. Click on `+ New record` button to add a new record & link it to the current record 
-7. Indicates total records linked
+7. Click on `Link more records` to link an existing record [Read more](#link-new-records)
 8. Pagination bar
-9. Click on `+ Link more Records` button to add new links : [Read more](#link-new-records)
  
 ### Link new records
 
@@ -63,21 +62,20 @@ Modal to add new links can be opened by
 ![image](/img/v2/fields/add-link-modal.png)
 
 A brief note about the modal components:
-1. Links being created are for `PENELOPE`
+1. Search bar, to narrow down the list of records displayed
-2. Icon represents `Many-to-Many` relation
+2. Icon represents `Many-to-Many` relation. The count indicates the number of linked records
-3. Linked records belong to `Film` table
+3. List (cards) of records available for linking
-4. Search bar, to narrow down the list of records displayed
+4. Click on the `+` icon to link the record
-5. Linked record card is displayed in blue color
+5. To view additional information (expanded record) before linking, hover on the card & click on the `<>` icon
-6. Records available for link are displayed in white color; use expand icon on the cord to view additional information
+6. Click on `+ New record` button to add a new record & link it to the current record
-7. Indicates total records linked (including the ones being linked)
+7. Pagination bar
-8. Pagination bar
 
 :::info
 Multiple records can be linked at once.
 :::
 
 ### Unlink records
-To unlink a record, open the `Linked Records` modal & click on the card of the record to be unlinked.
+To unlink a record, open the `Linked Records` modal & click on the `-` icon on the card of the record to be unlinked.
 
 :::info
 Multiple records can be unlinked at once.