Interactive-SICP: Mobile bug fixes

[samuelfangjw]

Description

1. Left-align text instead of justify
   Justified text is hard to read when there are short lines (common when viewing on mobile) and is generally thought to be a bad idea on web text. Changed to left align instead.

2. Set default image scale to 100%.
   Images on mobile were not scaled properly, requiring users to scroll left and right to see the full image. Images now default to 100% scale. This can be overridden by changing web_scale property in xml files.
   Before:

After:

This change affects the desktop version as well for consistency, with images now scaled to 100% width unless otherwise specified.

3. Table of contents on mobile version was slightly off centre, I've changed it to be a bit more centralised, and added a slightly larger gap between the caret and the label so that it is easier to press.

Before:

After:

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• Code quality improvements

How to test

Ensure changes in description are working correctly.

Checklist

• I have tested this code
• I have updated the documentation

[coveralls]

Pull Request Test Coverage Report for Build 949222549

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.01%) to 30.177%

---

Totals
Change from base Build 948313670:	0.01%
Covered Lines:	3229
Relevant Lines:	9871

---

💛 - Coveralls

[martin-henz]

Good catch! Yes for small displays, the text should be lef-aligned.