style: increase form width

src/screens/item/dataset/DatasetCreateScreen.tsx

@@ -15,7 +15,7 @@ export default function DatasetCreateScreen(): JSX.Element {
       <GridLayout>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Create dataset</Title>
           <ItemForm category="dataset" initialValues={{}} />

src/screens/item/dataset/DatasetEditScreen.tsx

@@ -25,7 +25,7 @@ export default function DatasetEditScreen(): JSX.Element {
       <GridLayout style={{ alignContent: 'stretch ' }}>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Edit dataset</Title>
           {dataset.data === undefined || id == undefined ? (

src/screens/item/publication/PublicationCreateScreen.tsx

@@ -15,7 +15,7 @@ export default function PublicationCreateScreen(): JSX.Element {
       <GridLayout>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Create publication</Title>
           <ItemForm category="publication" initialValues={{}} />

src/screens/item/publication/PublicationEditScreen.tsx

@@ -29,7 +29,7 @@ export default function PublicationEditScreen(): JSX.Element {
       <GridLayout style={{ alignContent: 'stretch ' }}>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Edit publication</Title>
           {publication.data === undefined || id == undefined ? (

src/screens/item/tool/ToolCreateScreen.tsx

@@ -15,7 +15,7 @@ export default function ToolCreateScreen(): JSX.Element {
       <GridLayout>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Create tool</Title>
           <ItemForm category="tool-or-service" initialValues={{}} />

src/screens/item/tool/ToolEditScreen.tsx

@@ -25,7 +25,7 @@ export default function ToolEditScreen(): JSX.Element {
       <GridLayout style={{ alignContent: 'stretch ' }}>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Edit tool</Title>
           {tool.data === undefined || id == undefined ? (

src/screens/item/training-material/TrainingMaterialCreateScreen.tsx

@@ -15,7 +15,7 @@ export default function TrainingMaterialCreateScreen(): JSX.Element {
       <GridLayout>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Create training material</Title>
           <ItemForm category="training-material" initialValues={{}} />

src/screens/item/training-material/TrainingMaterialEditScreen.tsx

@@ -29,7 +29,7 @@ export default function TrainingMaterialEditScreen(): JSX.Element {
       <GridLayout style={{ alignContent: 'stretch ' }}>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Edit training material</Title>
           {trainingMaterial.data === undefined || id == undefined ? (

src/screens/item/workflow/WorkflowCreateScreen.tsx

@@ -15,7 +15,7 @@ export default function WorkflowCreateScreen(): JSX.Element {
       <GridLayout>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Create workflow</Title>
           <ItemForm category="workflow" initialValues={{}} />

src/screens/item/workflow/WorkflowEditScreen.tsx

@@ -29,7 +29,7 @@ export default function WorkflowEditScreen(): JSX.Element {
       <GridLayout style={{ alignContent: 'stretch ' }}>
         <ContentColumn
           className="px-6 py-12 space-y-12"
-          style={{ gridColumn: '5 / span 6' }}
+          style={{ gridColumn: '4 / span 8' }}
         >
           <Title>Edit workflow</Title>
           {workflow.data === undefined || id == undefined ? (