From 21c46038bc6194ced321136ade8e9b8c01cedc5d Mon Sep 17 00:00:00 2001
From: clr-li <111320104+clr-li@users.noreply.github.com>
Date: Tue, 7 May 2024 22:15:38 -0700
Subject: [PATCH] Smaller number input

---
 app/base.tsx       | 2 +-
 app/styles/app.css | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/base.tsx b/app/base.tsx
index e1da5a6..b2c36f3 100644
--- a/app/base.tsx
+++ b/app/base.tsx
@@ -275,7 +275,7 @@ function RenderedTreeNode({
       return <GooeyTextarea props={props} state={state} />;
     }
     case "input": {
-      const className = `gui-input gui-input-${props.type}`;
+      const className = `gui-input gui-input-${props.type} ${props.className ?? ""}`;
       const id = inputId(props);
       switch (props.type) {
         case "range":
diff --git a/app/styles/app.css b/app/styles/app.css
index 13c80e2..a8d02de 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -287,6 +287,10 @@ div[id^="react-select-"][id$="-listbox"] {
   margin: 0 1rem;
 }
 
-.gui-input-number input {
-  padding: 0.5rem;
+.gui-input-smaller input {
+  width: 5rem;
+}
+
+.gui-input-smaller label {
+  display: none;
 }