From c4fe7e697bf4a9c12d3df85f2b15850b64b110ef Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
Date: Wed, 6 Mar 2024 08:50:47 -0500
Subject: [PATCH] add right-padding to prompt textareas so that text does not
 go behind icons

---
 .../features/parameters/components/Core/ParamNegativePrompt.tsx  | 1 +
 .../features/parameters/components/Core/ParamPositivePrompt.tsx  | 1 +
 .../sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx | 1 +
 .../sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx | 1 +
 4 files changed, 4 insertions(+)

diff --git a/invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx b/invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx
index d825723eb8..55d97757e6 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx
@@ -38,6 +38,7 @@ export const ParamNegativePrompt = memo(() => {
           onKeyDown={onKeyDown}
           fontSize="sm"
           variant="darkFilled"
+          paddingRight={30}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />
diff --git a/invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx b/invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx
index 8c990e420e..a1c63def8d 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx
@@ -54,6 +54,7 @@ export const ParamPositivePrompt = memo(() => {
           minH={28}
           onKeyDown={onKeyDown}
           variant="darkFilled"
+          paddingRight={30}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx
index e487da7783..067319817a 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx
@@ -41,6 +41,7 @@ export const ParamSDXLNegativeStylePrompt = memo(() => {
           onKeyDown={onKeyDown}
           fontSize="sm"
           variant="darkFilled"
+          paddingRight={30}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx
index 2acb45bd64..6fc302cd9c 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx
@@ -38,6 +38,7 @@ export const ParamSDXLPositiveStylePrompt = memo(() => {
           onKeyDown={onKeyDown}
           fontSize="sm"
           variant="darkFilled"
+          paddingRight={30}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />