More UI Fixes & Print Center IO-587

client/src/components/print-center-item/print-center-item.component.jsx

@@ -1,5 +1,5 @@
 import { MailOutlined, PrinterOutlined } from "@ant-design/icons";
-import { Spin } from "antd";
+import { Space, Spin } from "antd";
 import React, { useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -40,22 +40,24 @@ export function PrintCenterItemComponent({
 
   if (disabled) return <li className="print-center-item">{item.title} </li>;
   return (
-    <li className="print-center-item">
-      {item.title}
-      <PrinterOutlined onClick={renderToNewWindow} />
-      <MailOutlined
-        onClick={() => {
-          GenerateDocument(
-            {
-              name: item.key,
-              variables: { id: id },
-            },
-            { to: context.job && context.job.ownr_ea, subject: item.subject },
-            "e"
-          );
-        }}
-      />
-      {loading && <Spin />}
+    <li>
+      <Space wrap>
+        {item.title}
+        <PrinterOutlined onClick={renderToNewWindow} />
+        <MailOutlined
+          onClick={() => {
+            GenerateDocument(
+              {
+                name: item.key,
+                variables: { id: id },
+              },
+              { to: context.job && context.job.ownr_ea, subject: item.subject },
+              "e"
+            );
+          }}
+        />
+        {loading && <Spin />}
+      </Space>
     </li>
   );
 }