improve README

README.md

@@ -4,16 +4,15 @@ This is a web-component to display ligand structure in 2D along with its interac
 
 ## Component modes
 
-### A) Display bound molecule and its interactions
+* Mode A: Display bound molecule and its interactions
+* Mode B: Display ligand and its interactions
+* Mode C: Display ligand (chemical component) only
 
-### B) Display ligand and its interactions
-
-### C) Display ligand (chemical component) only
-
-<div style="text-align:center;">
- <img src="https://www.ebi.ac.uk/pdbe-srv/pdbechem/image/showNew?code=CLR&size=400"/>
- <img src="https://www.ebi.ac.uk/pdbe-srv/pdbechem/image/showNew?code=Y01&size=400"/>
-</div>
+| Mode A | Mode B | Mode C |
+|-------------------- | --------- | -------- | 
+| <img src="https://www.ebi.ac.uk/~lpravda/imgs/1cbs_REA_200_A.png"/>| <img src="https://www.ebi.ac.uk/~lpravda/imgs/3d12_bm1.png"/> | <img src="https://www.ebi.ac.uk/pdbe-srv/pdbechem/image/showNew?code=VIA&size=400"/> |
+| 1cbs REA 200 A | 3D12 bm1 (`2xGLC-2xBGC-LXZ-NGA-GL0`)| wwPDB CCD - VIA
+ 
 
 ## Usage: web-component
 
@@ -23,16 +22,16 @@ This is a web-component to display ligand structure in 2D along with its interac
 <pdb-interactions pdb-id="3d12" bound-molecule-id="bm1"></pdb-interactions>
 ```
 
-### Ligand interactions
+### B) Ligand interactions
 
 ```html
 <ligand-display pdb-id="1cbs" pdb-res-id="200" pdb-chain-id="A"></ligand-display>
 ```
 
-### Ligand/chemical component
+### C) Ligand/chemical component
 
 ```html
-<ligand-display pdb-res-name="CLR" zoom ></ligand-display>
+<ligand-display pdb-res-name="CLR" zoom-on ></ligand-display>
 ```
 
 ## Usage: Data injection