From 0c9dfb09367810548fa5ebd733f86ff1f23ff7ac Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Thu, 14 Dec 2023 20:03:57 -0500
Subject: [PATCH] :bug: lengthen term width to fit associated archetypes text
 (#1623)

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

Signed-off-by: ibolton336 <ibolton@redhat.com>
---
 .../application-detail-drawer.tsx                      |  2 +-
 .../application-review-status.tsx                      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx b/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx
index 12887de1d3..e53940ab5e 100644
--- a/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx
+++ b/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx
@@ -189,7 +189,7 @@ export const ApplicationDetailDrawer: React.FC<
                 isCompact
                 columnModifier={{ default: "1Col" }}
                 horizontalTermWidthModifier={{
-                  default: "14ch",
+                  default: "15ch",
                 }}
               >
                 <DescriptionListGroup>
diff --git a/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx b/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx
index fccb89c46f..bf118dbbac 100644
--- a/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx
+++ b/client/src/app/pages/applications/components/application-review-status/application-review-status.tsx
@@ -16,7 +16,7 @@ export const ApplicationReviewStatus: React.FC<
 > = ({ application }) => {
   const { t } = useTranslation();
 
-  const { archetypes, isFetching } = useFetchArchetypes();
+  const { archetypes, isFetching, error } = useFetchArchetypes();
   const isAppReviewed = !!application.review;
 
   const applicationArchetypes = application.archetypes?.map((archetypeRef) => {
@@ -27,6 +27,10 @@ export const ApplicationReviewStatus: React.FC<
     applicationArchetypes?.filter((archetype) => !!archetype?.review).length ||
     0;
 
+  if (error) {
+    return <EmptyTextMessage message={t("terms.notAvailable")} />;
+  }
+
   if (isFetching) {
     return <Spinner size="md" />;
   }
@@ -43,9 +47,5 @@ export const ApplicationReviewStatus: React.FC<
     statusPreset = "NotStarted";
   }
 
-  if (!applicationArchetypes || applicationArchetypes.length === 0) {
-    return <EmptyTextMessage message={t("terms.notAvailable")} />;
-  }
-
   return <IconedStatus preset={statusPreset} tooltipCount={tooltipCount} />;
 };