Adding constraint on min height for large stage

Should help with smaller screen sizes, where the ratio is different (like some chromebooks)

src/components/gui/gui.jsx

@@ -144,16 +144,21 @@ const GUIComponent = props => {
                         </Box>
                         <Box className={styles.stageWrapper}>
                             {/* eslint-disable arrow-body-style */}
-                            <MediaQuery minWidth={layout.fullSizeMinWidth}>{isFullSize => {
-                                return isRendererSupported ? (
-                                    <Stage
-                                        height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight}
-                                        shrink={0}
-                                        vm={vm}
-                                        width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth}
-                                    />
-                                ) : null;
-                            }}</MediaQuery>
+                            <MediaQuery
+                                minHeight={layout.fullSizeMinHeight}
+                                minWidth={layout.fullSizeMinWidth}
+                            >
+                                {isFullSize => {
+                                    return isRendererSupported ? (
+                                        <Stage
+                                            height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight}
+                                            shrink={0}
+                                            vm={vm}
+                                            width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth}
+                                        />
+                                    ) : null;
+                                }}
+                            </MediaQuery>
                             {/* eslint-enable arrow-body-style */}
                         </Box>
                         <Box className={styles.targetWrapper}>

src/components/sprite-info/sprite-info.jsx

@@ -51,7 +51,10 @@ class SpriteInfo extends React.Component {
                     </div>
 
                     <div className={styles.group}>
-                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                        <MediaQuery
+                            minHeight={layout.fullSizeMinHeight}
+                            minWidth={layout.fullSizeMinWidth}
+                        >
                             <div className={styles.iconWrapper}>
                                 <img
                                     aria-hidden="true"
@@ -74,7 +77,10 @@ class SpriteInfo extends React.Component {
                     </div>
 
                     <div className={styles.group}>
-                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                        <MediaQuery
+                            minHeight={layout.fullSizeMinHeight}
+                            minWidth={layout.fullSizeMinWidth}
+                        >
                             <div className={styles.iconWrapper}>
                                 <img
                                     aria-hidden="true"
@@ -99,7 +105,10 @@ class SpriteInfo extends React.Component {
 
                 <div className={classNames(styles.row, styles.rowSecondary)}>
                     <div className={styles.group}>
-                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                        <MediaQuery
+                            minHeight={layout.fullSizeMinHeight}
+                            minWidth={layout.fullSizeMinWidth}
+                        >
                             <Label
                                 secondary
                                 text="Show"

src/lib/layout-constants.js

@@ -4,5 +4,6 @@ export default {
     smallerStageWidth: 480 * 0.85,
     smallerStageHeight: 360 * 0.85,
     fullSizeMinWidth: 1096,
+    fullSizeMinHeight: 821, // Adding 7% to 768.
     fullSizePaintMinWidth: 1250
 };