This PR solves the issue of the marklist sidebar moving the main content by reverting back to using Bootstrap's offcanvas elements, which are overlays. The buttons that add the species to the marklist also now change their appearance once they have been pressed.
Ideally they would update again when a species is removed from the marklist, but this is currently not implemented. It could be done by assigning each button a species-specific id, so that the removeFromMarklist() function can update these when called. The addToMarklist() function would then change the button to allow the user to remove the item.
This PR solves the issue of the marklist sidebar moving the main content by reverting back to using Bootstrap's offcanvas elements, which are overlays. The buttons that add the species to the marklist also now change their appearance once they have been pressed.
Ideally they would update again when a species is removed from the marklist, but this is currently not implemented. It could be done by assigning each button a species-specific id, so that the
removeFromMarklist()function can update these when called. TheaddToMarklist()function would then change the button to allow the user to remove the item.