Move loading spinner inside output panel

awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx

@@ -705,10 +705,6 @@ function JobOutput({
     />
   );
 
-  if (hasContentLoading) {
-    return <ContentLoading />;
-  }
-
   if (contentError) {
     return <ContentError error={contentError} />;
   }
@@ -779,6 +775,12 @@ function JobOutput({
                   <AutoSizer nonce={window.NONCE_ID} onResize={handleResize}>
                     {({ width, height }) => {
                       return (
+                        <>
+                          {hasContentLoading ? (
+                            <div style={{ width }}>
+                              <ContentLoading />
+                            </div>
+                          ) : (
                             <List
                               ref={ref => {
                                 registerChild(ref);
@@ -794,6 +796,8 @@ function JobOutput({
                               width={width || 1}
                               overscanRowCount={20}
                             />
+                          )}
+                        </>
                       );
                     }}
                   </AutoSizer>