From 064d5ba8fd8eb2c30a95499898ef46b68aa0f057 Mon Sep 17 00:00:00 2001
From: Katerina Koukiou <kkoukiou@redhat.com>
Date: Thu, 24 Aug 2023 13:28:22 +0200
Subject: [PATCH] webui: Let error reporting dialog test area auto resize

Fixes https://issues.redhat.com/browse/INSTALLER-3649
---
 ui/webui/src/components/Error.jsx | 38 +++++++++++++++++--------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/ui/webui/src/components/Error.jsx b/ui/webui/src/components/Error.jsx
index bbe2629a051..e9c80f6bc3a 100644
--- a/ui/webui/src/components/Error.jsx
+++ b/ui/webui/src/components/Error.jsx
@@ -27,6 +27,8 @@ import {
     HelperTextItem,
     Modal,
     ModalVariant,
+    Stack,
+    StackItem,
     TextArea,
     TextContent,
     TextVariants,
@@ -92,18 +94,25 @@ export const BZReportModal = ({
           titleIconVariant={titleIconVariant}
           variant={ModalVariant.large}
           footer={
-              <>
-                  <Button
-                    variant="primary"
-                    isLoading={preparingReport}
-                    isDisabled={logContent === undefined || preparingReport}
-                    icon={<ExternalLinkAltIcon />}
-                    onClick={() => openBZIssue(reportLinkURL)}
-                    component="a">
-                      {preparingReport ? _("Preparing report") : _("Report issue")}
-                  </Button>
-                  {buttons}
-              </>
+              <Stack hasGutter>
+                  <FormHelperText isHidden={false}>
+                      <HelperText>
+                          <HelperTextItem>{_("Reporting an issue will send information over the network. Plese review and edit the attached log to remove any sensitive information.")}</HelperTextItem>
+                      </HelperText>
+                  </FormHelperText>
+                  <StackItem>
+                      <Button
+                        variant="primary"
+                        isLoading={preparingReport}
+                        isDisabled={logContent === undefined || preparingReport}
+                        icon={<ExternalLinkAltIcon />}
+                        onClick={() => openBZIssue(reportLinkURL)}
+                        component="a">
+                          {preparingReport ? _("Preparing report") : _("Report issue")}
+                      </Button>
+                      {buttons}
+                  </StackItem>
+              </Stack>
           }>
             <Form>
                 {detailsLabel &&
@@ -125,11 +134,6 @@ export const BZReportModal = ({
                       isDisabled={logContent === undefined || preparingReport}
                       rows={25}
                     />
-                    <FormHelperText isHidden={false}>
-                        <HelperText>
-                            <HelperTextItem>{_("Reporting an issue will send information over the network. Plese review and edit the attached log to remove any sensitive information.")}</HelperTextItem>
-                        </HelperText>
-                    </FormHelperText>
                 </FormGroup>
             </Form>
         </Modal>