From 2358902a5f1b0db4a5060cdbcbb1bc0be0e7b12b Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Fri, 8 Mar 2024 13:56:01 -0500
Subject: [PATCH] :bug: Reallocate col spacing & add overflow style for status

Signed-off-by: Ian Bolton <ibolton@redhat.com>
---
 client/src/app/components/IconedStatus.tsx                   | 5 ++++-
 client/src/app/components/iconed-status.css                  | 4 ++++
 .../components/tests/__snapshots__/StatusIcon.test.tsx.snap  | 4 ++--
 .../applications/applications-table/applications-table.tsx   | 4 ++--
 4 files changed, 12 insertions(+), 5 deletions(-)
 create mode 100644 client/src/app/components/iconed-status.css

diff --git a/client/src/app/components/IconedStatus.tsx b/client/src/app/components/IconedStatus.tsx
index 6dbf102e9c..bdc20fa72c 100644
--- a/client/src/app/components/IconedStatus.tsx
+++ b/client/src/app/components/IconedStatus.tsx
@@ -1,3 +1,4 @@
+import "./iconed-status.css";
 import React from "react";
 import { Flex, FlexItem, Icon, Tooltip } from "@patternfly/react-core";
 import { useTranslation } from "react-i18next";
@@ -175,7 +176,9 @@ export const IconedStatus: React.FC<IIconedStatusProps> = ({
           </Icon>
         </IconWithOptionalTooltip>
       </FlexItem>
-      <FlexItem>{label || presetProps?.label}</FlexItem>
+      <FlexItem className="status-label">
+        {label || presetProps?.label}
+      </FlexItem>
       {(preset === "InheritedReviews" ||
         preset === "InheritedAssessments" ||
         preset === "InProgressInheritedAssessments" ||
diff --git a/client/src/app/components/iconed-status.css b/client/src/app/components/iconed-status.css
new file mode 100644
index 0000000000..65b06356a0
--- /dev/null
+++ b/client/src/app/components/iconed-status.css
@@ -0,0 +1,4 @@
+.status-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
diff --git a/client/src/app/components/tests/__snapshots__/StatusIcon.test.tsx.snap b/client/src/app/components/tests/__snapshots__/StatusIcon.test.tsx.snap
index 4a5443690b..ee4f553a6d 100644
--- a/client/src/app/components/tests/__snapshots__/StatusIcon.test.tsx.snap
+++ b/client/src/app/components/tests/__snapshots__/StatusIcon.test.tsx.snap
@@ -22,7 +22,7 @@ exports[`StatusIcon Renders without crashing 1`] = `
           </span>
         </div>
         <div
-          class=""
+          class="status-label"
         >
           terms.notStarted
         </div>
@@ -47,7 +47,7 @@ exports[`StatusIcon Renders without crashing 1`] = `
         </span>
       </div>
       <div
-        class=""
+        class="status-label"
       >
         terms.notStarted
       </div>
diff --git a/client/src/app/pages/applications/applications-table/applications-table.tsx b/client/src/app/pages/applications/applications-table/applications-table.tsx
index 70a85bf7e5..ca786bffa1 100644
--- a/client/src/app/pages/applications/applications-table/applications-table.tsx
+++ b/client/src/app/pages/applications/applications-table/applications-table.tsx
@@ -880,7 +880,7 @@ export const ApplicationsTable: React.FC = () => {
                         {application.name}
                       </Td>
                       <Td
-                        width={15}
+                        width={10}
                         modifier="truncate"
                         {...getTdProps({ columnKey: "businessService" })}
                       >
@@ -918,7 +918,7 @@ export const ApplicationsTable: React.FC = () => {
                         />
                       </Td>
                       <Td
-                        width={10}
+                        width={15}
                         modifier="truncate"
                         {...getTdProps({ columnKey: "analysis" })}
                       >