fix(ui): fix node styles

Got borked when adjusting control adapter styling. Should revisit this later.

invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/EditableFieldTitle.tsx

@@ -89,6 +89,7 @@ const EditableFieldTitle = forwardRef((props: Props, ref) => {
         justifyContent="flex-start"
         gap={1}
         h="full"
+        w="full"
       >
         <EditablePreview
           fontWeight="semibold"

invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/InputField.tsx

@@ -112,9 +112,9 @@ const InputField = ({ nodeId, fieldName }: Props) => {
             isInvalid={isMissingInput}
             isDisabled={isConnected}
             orientation="vertical"
-            ps={fieldTemplate.input === 'direct' ? 0 : 2}
+            px={2}
-            pe={2}
           >
+            <Flex flexDir="column" w="full" gap={1}>
               <EditableFieldTitle
                 nodeId={nodeId}
                 fieldName={fieldName}
@@ -123,6 +123,7 @@ const InputField = ({ nodeId, fieldName }: Props) => {
                 withTooltip
               />
               <InputFieldRenderer nodeId={nodeId} fieldName={fieldName} />
+            </Flex>
           </InvControl>
         )}
       </FieldContextMenu>