For larger screens constrain viewing width and growth of font-size, and margins to approximately corresponding sizes of the original layout. Prevent things from getting too large.
Use the clamping function to change the base font size as the size of the screen varies. Modify font-size, padding, and margin sizes to rely on the base font size (use rem units). In addition improve usage of white space by modifying line-height, margins, and padding of various tags.
public_html/css/hpr.css: Commented out the 'font-size: 75%;' in the CSS
definition for '#maincontent footer p'. It was this that shrank the
lower "step navigation" list in comparison to the upper one. The
upper is in a '<header>' block and the lower in a '<footer>' block.
templates/content-episode.tpl.html: Fixed a typo.
templates/content-theme.tpl.html: Changed "This can be added" to "This
is automatically added"
templates/queries-episode-sqlite.tpl.html: Fixed a transcription error
from the 'mysql' version
templates/shared-utils.tpl.html: Modified the layout of the
'step_navigation' macro to remove tabs which are being copied to the
HTML. Just a minor cosmetic issue. Added a Vim modeline to the file
to help with this.
