Had the HTML body set with absurdly huge margins. Now we have
much more space to work with. I also lengthened the button
names so that they hopefully make more sense, now that we have
more space to work with.
Also got rid of the silly "Rank Calculator" title on the
rank calculator, it isn't really needed plus it was the only
page that had a title, which looked strange
Now using <input type="number" pattern="\d*" step="1"> so that
the text field will pop up the numeric keyboard on both iOS and
Android. However this makes the "size=<blah>" no longer function.
So we set a fixed size for all <input type="number"> text fields
using CSS. Kinda hackish, but it works.
* using <div> instead of <textarea> for gem verbose area, and
formatting the verbose reports using HTML
* fix some mismatched div's and (try to) reindent html (need a
better html reindenter)
* change viewport so that the page renders in large font without needing
to scroll (nowhere near "real" responsive web UI, but good enough for
now)
* use numeric keypad on all numeric entry fields
This is VERY hackish, it was literally a "gee wouldn't it be
cool if it could do this? *whip out editor and start coding like
a madman*" things. But it works (for now). Needs a lot of future
proofing (and general rewriting) though.
