fix TypeChanger bug

[RayBB]

Contributes to #4474

I was investigating moving the JS to be inline but couldn't figure out how the functionality works.
Turns out it didn't work at all. Perhaps because the code is 12 years old and not used too frequently.
This PR makes the code actually work and moves it away from being inline js.

Technical

thinginput comes from here. It doesn't seem to pass the "onclick" field currently, hence the code wasn't working.

Testing

See video

Screenshot

typechanger.1.mp4

Stakeholders

@jimchamp are you interested in reviewing? Since you've helped with this epic before

[codecov-commenter]

Codecov Report

Merging #8374 (b43c4c7) into master (35d6b72) will decrease coverage by 0.05%.
Report is 4 commits behind head on master.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##           master    #8374      +/-   ##
==========================================
- Coverage   16.66%   16.62%   -0.05%     
==========================================
  Files          83       84       +1     
  Lines        4422     4433      +11     
  Branches      757      758       +1     
==========================================
  Hits          737      737              
- Misses       3202     3212      +10     
- Partials      483      484       +1     

Files	Coverage Δ
openlibrary/plugins/openlibrary/js/index.js	0.00% <0.00%> (ø)
openlibrary/plugins/openlibrary/js/type_changer.js	0.00% <0.00%> (ø)

[jimchamp]

Thanks @RayBB! I think that we do still want this functionality.

Will happily merge this once the suggested changes have been made.

[RayBB]

Also made one small CSS Improvement

Before

After

[jimchamp]

Thanks @RayBB! This looks good to me.