Commit e5ae1ea4 authored by Maksym Tishchenko's avatar Maksym Tishchenko

Fixed grid item sizes on Accession Form.

parent d2ae3d4b
......@@ -42,7 +42,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
<PageSection title={ t('client:model.Accession.accession') }>
<Grid container spacing={ 2 }>
<Grid item sm={ 3 } xs={ 6 } md={ 4 }>
<Grid item sm={ 4 } xs={ 6 } md={ 4 }>
<Field
placeholder={ t('client:model.Accession.accessionNumberPart1') }
name="accessionNumberPart1"
......@@ -54,7 +54,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
validate={ required }
/>
</Grid>
<Grid item sm={ 3 } xs={ 6 } md={ 4 }>
<Grid item sm={ 4 } xs={ 6 } md={ 4 }>
<Field
placeholder={ t('client:model.Accession.accessionNumberPart2') }
name="accessionNumberPart2"
......@@ -65,7 +65,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
validate={ composeValidators(decimalNumber, minValue(0)) }
/>
</Grid>
<Grid item sm={ 3 } xs={ 6 } md={ 4 }>
<Grid item sm={ 4 } xs={ 6 } md={ 4 }>
<Field
placeholder={ t('client:model.Accession.accessionNumberPart3') }
name="accessionNumberPart3"
......@@ -77,7 +77,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
</Grid>
</Grid>
<Grid container spacing={ 2 }>
<Grid item sm={ 3 } xs={ 6 } md={ 12 }>
<Grid item sm={ 12 } xs={ 6 } md={ 12 }>
<Field
placeholder={ t('client:model.Accession.taxonomySpecies') }
name="taxonomySpecies"
......@@ -90,7 +90,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
</Grid>
</Grid>
<Grid container spacing={ 2 }>
<Grid item sm={ 3 } xs={ 6 } md={ 12 }>
<Grid item sm={ 12 } xs={ 6 } md={ 12 }>
<Field
placeholder={ t('client:model.Accession.doi') }
name="doi"
......@@ -106,7 +106,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
<PageSection title={ t('accession.public.p.edit.switches') }>
<Grid container spacing={ 2 }>
<Grid item xs={ 12 } sm={ 12 } md={ 3 }>
<Grid item xs={ 4 } sm={ 4 } md={ 3 }>
<Field
label={ t('client:model.Accession.isCore') }
name="isCore"
......@@ -114,7 +114,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
labelPlacement="end"
/>
</Grid>
<Grid item xs={ 12 } sm={ 12 } md={ 3 }>
<Grid item xs={ 4 } sm={ 4 } md={ 3 }>
<Field
label={ t('client:model.Accession.isBackedUp') }
name="isBackedUp"
......@@ -122,7 +122,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
labelPlacement="end"
/>
</Grid>
<Grid item xs={ 12 } sm={ 12 } md={ 3 }>
<Grid item xs={ 4 } sm={ 4 } md={ 3 }>
<Field
label={ t(['client:model.Accession.isWebVisible','client:model._.isWebVisible']) }
name="isWebVisible"
......@@ -135,7 +135,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
<PageSection title={ t('accession.public.p.edit.codes') }>
<Grid container spacing={ 2 }>
<Grid item sm={ 2 } xs={ 2 } md={ 3 }>
<Grid item sm={ 3 } xs={ 3 } md={ 3 }>
<Field
placeholder={ t('client:model.Accession.statusCode') }
name="statusCode"
......@@ -147,7 +147,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
validate={ required }
/>
</Grid>
<Grid item sm={ 2 } xs={ 2 } md={ 3 }>
<Grid item sm={ 3 } xs={ 3 } md={ 3 }>
<Field
placeholder={ t('client:model.Accession.lifeFormCode') }
name="lifeFormCode"
......@@ -157,7 +157,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
label={ t('client:model.Accession.lifeFormCode') }
/>
</Grid>
<Grid item sm={ 2 } xs={ 2 } md={ 3 }>
<Grid item sm={ 3 } xs={ 3 } md={ 3 }>
<Field
placeholder={ t('client:model.Accession.improvementStatusCode') }
name="improvementStatusCode"
......@@ -167,7 +167,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
label={ t('client:model.Accession.improvementStatusCode') }
/>
</Grid>
<Grid item sm={ 2 } xs={ 2 } md={ 3 }>
<Grid item sm={ 3 } xs={ 3 } md={ 3 }>
<Field
placeholder={ t('client:model.Accession.reproductiveUniformityCode') }
name="reproductiveUniformityCode"
......@@ -182,7 +182,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
<PageSection title={ t('accession.public.p.edit.received') }>
<Grid container spacing={ 2 }>
<Grid item sm={ 3 } xs={ 6 } md={ 6 }>
<Grid item sm={ 6 } xs={ 6 } md={ 6 }>
<Field
placeholder={ t('client:model.Accession.initialReceivedDate') }
name="initialReceivedDate"
......@@ -192,7 +192,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
shrink
/>
</Grid>
<Grid item sm={ 2 } xs={ 2 } md={ 3 }>
<Grid item sm={ 3 } xs={ 3 } md={ 3 }>
<Field
placeholder={ t('client:model.Accession.initialReceivedDateCode') }
name="initialReceivedDateCode"
......@@ -201,7 +201,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
label={ t('client:model.Accession.initialReceivedDateCode') }
/>
</Grid>
<Grid item sm={ 2 } xs={ 2 } md={ 3 }>
<Grid item sm={ 3 } xs={ 3 } md={ 3 }>
<Field
placeholder={ t('client:model.Accession.initialReceivedFormCode') }
name="initialReceivedFormCode"
......@@ -216,7 +216,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
<PageSection title={ t('accession.public.p.edit.site') }>
<Grid container spacing={ 2 }>
<Grid item sm={ 6 } xs={ 6 } md={ 12 }>
<Grid item sm={ 12 } xs={ 12 } md={ 12 }>
<Field
placeholder={ t(['client:model.Accession.site', 'client:model._.site']) }
name="site"
......@@ -252,7 +252,7 @@ class AccessionForm extends React.Component<IAccessionForm, any> {
<PageSection title={ t('client:model._.note') }>
<Grid container spacing={ 2 }>
<Grid item sm={ 6 } xs={ 6 } md={ 12 }>
<Grid item sm={ 12 } xs={ 12 } md={ 12 }>
<Field
placeholder={ t('client:model._.note') }
name="note"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment