Merge pull request #1366 from fsih/inputText

Fix input css to apply only to text fields

src/components/forms/input.jsx

@@ -9,14 +9,19 @@ const Input = props => {
     return (
         <input
             {...componentProps}
-            className={classNames(styles.inputForm, {
-                [styles.inputSmall]: small
-            })}
+            className={classNames(
+                styles.inputForm,
+                props.className,
+                {
+                    [styles.inputSmall]: small
+                }
+            )}
         />
     );
 };
 
 Input.propTypes = {
+    className: PropTypes.string,
     small: PropTypes.bool
 };
 

src/components/sprite-info/sprite-info.css

@@ -103,3 +103,7 @@
 .larger-input input {
     width: 4rem;
 }
+
+.sprite-input {
+    width: 8rem;
+}

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

@@ -39,6 +39,7 @@ class SpriteInfo extends React.Component {
                     <div className={styles.group}>
                         <Label text="Sprite">
                             <BufferedInput
+                                className={styles.spriteInput}
                                 disabled={this.props.disabled}
                                 placeholder="Name"
                                 tabIndex="0"

src/css/typography.css

@@ -11,7 +11,3 @@ p {
     font-size: 1rem;
     line-height: 1.5em;
 }
-
-input {
-    width: 8rem;
-}