From f57e01bdad32d49b4a712a7a4ff7a91f86b7271b Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Fri, 11 Aug 2017 11:18:54 -0400
Subject: [PATCH] Hide "show" to get 1024 layout to fit

---
 src/components/sprite-info/sprite-info.jsx | 85 +++++++++++-----------
 1 file changed, 43 insertions(+), 42 deletions(-)

diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 8b3f212d9..f9bbb64e3 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -97,49 +97,50 @@ class SpriteInfo extends React.Component {
 
                 <div className={classNames(styles.row, styles.rowSecondary)}>
                     <div className={styles.group}>
-                        <Label
-                            secondary
-                            text="Show"
-                        >
-                            <div>
-                                <div
-                                    className={classNames(
-                                        styles.radio,
-                                        styles.radioLeft,
-                                        styles.iconWrapper,
-                                        {
-                                            [styles.isActive]: this.props.visible && !this.props.disabled,
-                                            [styles.isDisabled]: this.props.disabled
-                                        }
-                                    )}
-                                    tabIndex="4"
-                                    onClick={this.props.onClickVisible}
-                                >
-                                    <img
-                                        className={styles.icon}
-                                        src={showIcon}
-                                    />
-                                </div>
-                                <div
-                                    className={classNames(
-                                        styles.radio,
-                                        styles.radioRight,
-                                        styles.iconWrapper,
-                                        {
-                                            [styles.isActive]: !this.props.visible && !this.props.disabled,
-                                            [styles.isDisabled]: this.props.disabled
-                                        }
-                                    )}
-                                    tabIndex="4"
-                                    onClick={this.props.onClickNotVisible}
-                                >
-                                    <img
-                                        className={styles.icon}
-                                        src={hideIcon}
-                                    />
-                                </div>
+                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                            <Label
+                                secondary
+                                text="Show"
+                            />
+                        </MediaQuery>
+                        <div>
+                            <div
+                                className={classNames(
+                                    styles.radio,
+                                    styles.radioLeft,
+                                    styles.iconWrapper,
+                                    {
+                                        [styles.isActive]: this.props.visible && !this.props.disabled,
+                                        [styles.isDisabled]: this.props.disabled
+                                    }
+                                )}
+                                tabIndex="4"
+                                onClick={this.props.onClickVisible}
+                            >
+                                <img
+                                    className={styles.icon}
+                                    src={showIcon}
+                                />
                             </div>
-                        </Label>
+                            <div
+                                className={classNames(
+                                    styles.radio,
+                                    styles.radioRight,
+                                    styles.iconWrapper,
+                                    {
+                                        [styles.isActive]: !this.props.visible && !this.props.disabled,
+                                        [styles.isDisabled]: this.props.disabled
+                                    }
+                                )}
+                                tabIndex="4"
+                                onClick={this.props.onClickNotVisible}
+                            >
+                                <img
+                                    className={styles.icon}
+                                    src={hideIcon}
+                                />
+                            </div>
+                        </div>
                     </div>
                     <div className={styles.group}>
                         <Label