From 8f8c4e6b7bed7bfe103e7e72c12f6731e5cc825c Mon Sep 17 00:00:00 2001
From: mabashian <mabashia@redhat.com>
Date: Wed, 16 Dec 2020 12:58:32 -0500
Subject: [PATCH] Wrap permissions v. running tooltip contents so that they
 appear on different lines

---
 .../src/components/JobList/JobListCancelButton.jsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/awx/ui_next/src/components/JobList/JobListCancelButton.jsx b/awx/ui_next/src/components/JobList/JobListCancelButton.jsx
index be70f47ae9..ff4cf1cda6 100644
--- a/awx/ui_next/src/components/JobList/JobListCancelButton.jsx
+++ b/awx/ui_next/src/components/JobList/JobListCancelButton.jsx
@@ -53,7 +53,7 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {
       return (
         <div>
           {cannotCancelPermissions.length > 0 && (
-            <>
+            <div>
               {i18n._(
                 '{numJobsUnableToCancel, plural, one {You do not have permission to cancel the following job:} other {You do not have permission to cancel the following jobs:}}',
                 {
@@ -61,10 +61,10 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {
                 }
               )}
               {' '.concat(cannotCancelPermissions.join(', '))}
-            </>
+            </div>
           )}
           {cannotCancelNotRunning.length > 0 && (
-            <>
+            <div>
               {i18n._(
                 '{numJobsUnableToCancel, plural, one {You cannot cancel the following job because it is not running:} other {You cannot cancel the following jobs because they are not running:}}',
                 {
@@ -72,7 +72,7 @@ function JobListCancelButton({ i18n, jobsToCancel, onCancel }) {
                 }
               )}
               {' '.concat(cannotCancelNotRunning.join(', '))}
-            </>
+            </div>
           )}
         </div>
       );