Fixing font scaling & patch bump

Author: kenwheeler

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spectacle",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "ReactJS Powered Presentation Framework",
   "main": "lib/index.js",
   "scripts": {

src/components/slide.js

@@ -113,11 +113,13 @@ const Slide = React.createClass({
         flex: 1,
         maxHeight: this.props.maxHeight || 700,
         maxWidth: this.props.maxWidth || 1000,
-        fontSize: 16 * this.state.zoom,
         transform: `scale(${this.state.contentScale})`,
         padding: this.state.zoom > 0.6 ? this.props.margin || 40 : 10
       }
     };
+
+    document.documentElement.style.fontSize = `${16 * this.state.zoom}px`;
+
     return (
       <div className="spectacle-slide"
         ref="slide"

src/themes/default/screen.js

@@ -115,7 +115,8 @@ const screen = (colorArgs = defaultColors, fontArgs = defaultFonts) => {
       blockquote: {
         textAlign: "left",
         position: "relative",
-        display: "inline-block"
+        display: "inline-block",
+        margin: 20
       },
       quote: {
         borderLeft: `1px solid ${colors.primary}`,