From e77bc819bb505cea7e541cf1269897a057e12368 Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Mon, 28 Aug 2023 14:31:28 -0500
Subject: [PATCH] fix forward percentage width on mobile

---
 components/adv-post-form.js | 10 ++++++----
 components/form.js          |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/adv-post-form.js b/components/adv-post-form.js
index 6c601199..8f1474ad 100644
--- a/components/adv-post-form.js
+++ b/components/adv-post-form.js
@@ -66,11 +66,13 @@ export default function AdvPostForm ({ edit }) {
                   <Input
                     name={`forward[${index}].pct`}
                     type='number'
-                    step='1'
-                    min='1'
-                    max='100'
+                    step={5}
+                    min={1}
+                    max={100}
+                    style={{ minWidth: '3.5rem' }}
                     append={<InputGroup.Text className='text-monospace'>%</InputGroup.Text>}
-                    groupClassName='flex-shrink-1 mb-0'
+                    groupClassName='mb-0'
+                    inputGroupClassName='flex-nowrap'
                   />
                 </div>
               )
diff --git a/components/form.js b/components/form.js
index c2f27a6e..cedcc584 100644
--- a/components/form.js
+++ b/components/form.js
@@ -219,7 +219,7 @@ function FormGroup ({ className, label, children }) {
 
 function InputInner ({
   prepend, append, hint, showValid, onChange, onBlur, overrideValue,
-  innerRef, noForm, clear, onKeyDown, debounce, ...props
+  innerRef, noForm, clear, onKeyDown, inputGroupClassName, debounce, ...props
 }) {
   const [field, meta, helpers] = noForm ? [{}, {}, {}] : useField(props)
   const formik = noForm ? null : useFormikContext()
@@ -259,7 +259,7 @@ function InputInner ({
 
   return (
     <>
-      <InputGroup hasValidation>
+      <InputGroup hasValidation className={inputGroupClassName}>
         {prepend}
         <BootstrapForm.Control
           onKeyDown={(e) => {