Fix expanding text input spacing

redhat-composer-ai · Dec 13, 2024 · 92f5129 · 92f5129
1 parent 48b9e05
commit 92f5129
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/FlyoutForm/ExpandingTextInputs.tsx b/src/app/FlyoutForm/ExpandingTextInputs.tsx
@@ -53,7 +53,7 @@ export const ExpandingTextInputs: React.FunctionComponent<ExpandingTextInputsPro
         </Button>
       </div>
       {values.length > 0 && (
-        <section aria-label="Example questions" tabIndex={-1}>
+        <section className="expanding-text-input__section" aria-label="Example questions" tabIndex={-1}>
           {values.map((value, index) => {
             return (
               <div key={index} className="expanding-text-inputs__row expanding-text-input__row-with-background">

diff --git a/src/app/app.css b/src/app/app.css
@@ -552,6 +552,12 @@ pf-v6-c-page__main-container.pf-m-fill {
   position: relative;
 }
 
+.expanding-text-input__section {
+  display: flex;
+  gap: var(--pf-t--global--spacer--sm);
+  flex-direction: column;
+}
+
 .hidden {
   position: absolute;
   opacity: 0;