From c3474600343556941095ba2cda345d936703316a Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Tue, 7 Nov 2017 09:37:12 -0500
Subject: [PATCH] remove `small` from live inputs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #131 by instead of changing the small width, simply just removing the small tag from things that don’t need it.
---
 src/components/forms/input.css            | 2 +-
 src/components/mode-tools/mode-tools.jsx  | 2 --
 src/components/stroke-width-indicator.jsx | 1 -
 3 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/forms/input.css b/src/components/forms/input.css
index 2de380f4..6fba0c59 100644
--- a/src/components/forms/input.css
+++ b/src/components/forms/input.css
@@ -41,6 +41,6 @@ See https://github.com/LLK/scratch-paint/issues/13 */
 }
 
 .input-small {
-    width: 3.5rem; 
+    width: 3rem; 
     text-align: center;
 }
diff --git a/src/components/mode-tools/mode-tools.jsx b/src/components/mode-tools/mode-tools.jsx
index ef880918..f6343375 100644
--- a/src/components/mode-tools/mode-tools.jsx
+++ b/src/components/mode-tools/mode-tools.jsx
@@ -65,7 +65,6 @@ const ModeToolsComponent = props => {
                     />
                 </div>
                 <LiveInput
-                    small
                     max={MAX_STROKE_WIDTH}
                     min="1"
                     type="number"
@@ -85,7 +84,6 @@ const ModeToolsComponent = props => {
                     />
                 </div>
                 <LiveInput
-                    small
                     max={MAX_STROKE_WIDTH}
                     min="1"
                     type="number"
diff --git a/src/components/stroke-width-indicator.jsx b/src/components/stroke-width-indicator.jsx
index 66b79faa..56aa846e 100644
--- a/src/components/stroke-width-indicator.jsx
+++ b/src/components/stroke-width-indicator.jsx
@@ -11,7 +11,6 @@ const LiveInput = LiveInputHOC(Input);
 const StrokeWidthIndicatorComponent = props => (
     <InputGroup disabled={props.disabled}>
         <LiveInput
-            small
             disabled={props.disabled}
             max={MAX_STROKE_WIDTH}
             min="0"