From 61237ce2c994f85624100856e80f2e244f458c25 Mon Sep 17 00:00:00 2001
From: Nick Mitchell <nickm@us.ibm.com>
Date: Fri, 24 Jan 2025 12:26:14 -0500
Subject: [PATCH] fix: react ui upload form should have a max width

Signed-off-by: Nick Mitchell <nickm@us.ibm.com>
---
 pdl-live-react/src/page/Upload.css   | 3 +++
 pdl-live-react/src/page/Uploader.tsx | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 pdl-live-react/src/page/Upload.css

diff --git a/pdl-live-react/src/page/Upload.css b/pdl-live-react/src/page/Upload.css
new file mode 100644
index 00000000..ce80e1f0
--- /dev/null
+++ b/pdl-live-react/src/page/Upload.css
@@ -0,0 +1,3 @@
+.pdl-upload-form {
+  max-width: 800px;
+}
diff --git a/pdl-live-react/src/page/Uploader.tsx b/pdl-live-react/src/page/Uploader.tsx
index a4baac9e..592f326b 100644
--- a/pdl-live-react/src/page/Uploader.tsx
+++ b/pdl-live-react/src/page/Uploader.tsx
@@ -14,6 +14,7 @@ import {
 } from "@patternfly/react-core"
 
 import Page from "./Page"
+import "./Upload.css"
 
 const maxSize = 10 * 1024 * 1024
 
@@ -98,7 +99,7 @@ export default function Uploader() {
 
   return (
     <Page breadcrumb1="Uploader" breadcrumb2={filename} value={value}>
-      <Form>
+      <Form className="pdl-upload-form">
         <FormGroup fieldId="text-file-with-restrictions-example">
           <FileUpload
             id="text-file-with-restrictions-example"