From 6e9f95b4b5fbfe2d2509c7bf09d7c2ee70ecb255 Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Wed, 22 Nov 2023 09:12:33 -0500
Subject: [PATCH] :bug: Fix responsiveness for issues drawer (#1562)

Resolves https://issues.redhat.com/browse/MTA-1389

Signed-off-by: ibolton336 <ibolton@redhat.com>
---
 .../issue-detail-drawer.tsx                   | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/client/src/app/pages/issues/issue-detail-drawer/issue-detail-drawer.tsx b/client/src/app/pages/issues/issue-detail-drawer/issue-detail-drawer.tsx
index 4b22aa41a4..756c3cbca2 100644
--- a/client/src/app/pages/issues/issue-detail-drawer/issue-detail-drawer.tsx
+++ b/client/src/app/pages/issues/issue-detail-drawer/issue-detail-drawer.tsx
@@ -10,7 +10,6 @@ import {
   Tabs,
   TabTitleText,
   Tab,
-  Truncate,
 } from "@patternfly/react-core";
 import spacing from "@patternfly/react-styles/css/utilities/Spacing/spacing";
 import { IssueAffectedFilesTable } from "./issue-affected-files-table";
@@ -50,21 +49,23 @@ export const IssueDetailDrawer: React.FC<IIssueDetailDrawerProps> = ({
       focusKey={issueId || ""}
       pageKey="affected-applications"
       drawerPanelContentProps={{ defaultSize: "600px" }}
+      header={
+        <TextContent>
+          <Text component="small" className={spacing.mb_0}>
+            Issue
+          </Text>
+          <Title headingLevel="h2" size="lg" className={spacing.mtXs}>
+            {issue ? getIssueTitle(issue) : ""}
+          </Title>
+        </TextContent>
+      }
     >
       {isFetching ? (
         <AppPlaceholder />
       ) : !issue ? (
         <StateNoData />
       ) : (
-        <>
-          <TextContent>
-            <Text component="small" className={spacing.mb_0}>
-              {applicationName}
-            </Text>
-            <Title headingLevel="h2" size="lg" className={spacing.mtXs}>
-              <Truncate content={getIssueTitle(issue)} />
-            </Title>
-          </TextContent>
+        <div>
           <Tabs
             activeKey={activeTabKey}
             onSelect={(_event, tabKey) => setActiveTabKey(tabKey as TabKey)}
@@ -77,7 +78,7 @@ export const IssueDetailDrawer: React.FC<IIssueDetailDrawerProps> = ({
               <IssueAffectedFilesTable issue={issue} />
             </Tab>
           </Tabs>
-        </>
+        </div>
       )}
     </PageDrawerContent>
   );