Adding Bounding Box Reset Disables

Add disable conditions for reset buttons on bounding box width and height

frontend/src/common/components/IAINumberInput.scss

@@ -69,12 +69,6 @@
         width: 10px;
         height: 10px;
       }
-
-      &:hover {
-        path {
-          // fill: ;
-        }
-      }
     }
   }
 }

frontend/src/common/components/IAINumberInput.tsx

@@ -116,7 +116,11 @@ const IAINumberInput = (props: Props) => {
       <FormControl
         isDisabled={isDisabled}
         isInvalid={isInvalid}
-        className={`invokeai__number-input-form-control ${styleClass}`}
+        className={
+          styleClass
+            ? `invokeai__number-input-form-control ${styleClass}`
+            : `invokeai__number-input-form-control`
+        }
         {...formControlProps}
       >
         <FormLabel

frontend/src/features/options/AdvancedOptions/Inpainting/BoundingBoxSettings.scss

@@ -1,7 +1,6 @@
 .inpainting-bounding-box-settings {
   display: flex;
   flex-direction: column;
-  max-width: 100%;
   border-radius: 0.4rem;
   border: 2px solid var(--tab-color);
 }
@@ -34,8 +33,8 @@
 }
 
 .inpainting-bounding-box-dimensions-slider-numberinput {
-  display: flex;
+  display: grid;
-  justify-content: space-between;
+  grid-template-columns: repeat(3, auto);
   column-gap: 1rem;
 }
 

frontend/src/features/options/AdvancedOptions/Inpainting/BoundingBoxSettings.tsx

@@ -129,6 +129,10 @@ const BoundingBoxSettings = () => {
             onClick={handleResetWidth}
             icon={<BiReset />}
             styleClass="inpainting-bounding-box-reset-icon-btn"
+            isDisabled={
+              !shouldShowBoundingBox ||
+              canvasDimensions.width === boundingBoxDimensions.width
+            }
           />
         </div>
         <div className="inpainting-bounding-box-dimensions-slider-numberinput">
@@ -159,6 +163,10 @@ const BoundingBoxSettings = () => {
             onClick={handleResetHeight}
             icon={<BiReset />}
             styleClass="inpainting-bounding-box-reset-icon-btn"
+            isDisabled={
+              !shouldShowBoundingBox ||
+              canvasDimensions.height === boundingBoxDimensions.height
+            }
           />
         </div>
         <IAICheckbox