I have made changes to the required HTML file and I am getting the expected output but the genome versions are not loading.

Philip Badzuh Please let me know if that's expected.

Assuming you are serving the bioviz project locally, for the genome versions to load, you will need to also run the hub-facade server locally.

Thank you Philip Badzuh

Maybe try "sup" tag?

I have modified the top of the table including the search bar and Question mark symbol.

Please see my latest changes here

Hello Dr. [~aloraine] Please check the snapshot and review the ticket.

Can you modify the vertical placement of "Want more info? Play video" text to be centered? In the image file "screenshot-1.png", this line of text is too high in the line. Please see first image.

Dr. [~aloraine] Please check the snapshot if it looks good.

Thanks! It looks great to me – nicely symmetrical.

Thank you, Dr. [~aloraine]! Please find my pull request here

I checked the PR. It looks like you accidentally have added a number of files from your IDE-created local development environment. Please re-do the branch / commits so that these files are not introduced into the repository.
attn: Omkar Marne

Hello Dr. [~aloraine] Please find my new PR here

Merged and deployed to bioviz main. Ready for testing.

It is looking good except for one detail.
Please: Reduce vertical space as indicated in attached image.
attn: Omkar Marne

Hello Dr. [~aloraine], I have reduced the vertical space. The vertical space above the search bar looks more because 'the headline' is a different class and has its own vertical space.

Please check if it looks good. I'll submit a new PR.

Thank you for working on this Omkar Marne!

Unfortunately, the distance between the top of the table and the first row of the header is very small and looks cramped compared to the vertical space around the other parts of the table. The vertical space needs to look more balanced.

The reason this matters is that if there is something unbalanced about the appearance, users get distracted. Symmetry helps avoid this. It also looks more polished and professional, which gives users a feeling of comfort, important when displaying information.

Philip Badzuh: Can you take a look?

Maybe look at the "Igb genomes" page? Can you use some ideas from there?

Hello, Dr. [~aloraine] Please check now. I have reduced more space.

It still looks unbalanced. Please compare to the mockup.

Hello Dr. [~aloraine] Please compare the changes with the mockup and let me know if it's good. Also, please let me know where should I add the 'Want more info' line. I have removed that line and text in the search bar.

Thank you so much for your patience. It looks great. Please submit a PR.

Dr. [~aloraine] Please find my pull request here.

PR is merged. New code is deployed. Please test.

Testing instructions:

• Open https://bioviz.org/index.html
• Open Trackhub link.
• The UI above the table should be the same as the image attached above. Please see the snapshot named 'New Top'.

Question:

I'm a little confused about the testing instructions. The new page is deployed on bioviz.org, so I don't understand why the tester needs to run the back end locally in order to see the changes. The bioviz page is contacting translate.bioviz.org as the back end, so I don't understand why the tester needs to have the back end code running on their local, as well.

You're right Dr. [~aloraine]. I have updated the testing instructions. You can directly go to bioviz.org and test it.

The new table looks great! Moving to Done.