Fix: Crop selection in Descriptor and DescriptorList forms

src/crop/actions/public.ts

@@ -27,7 +27,7 @@ export const loadCrops = (forceReload: boolean = false) => (dispatch, getState)
     if (isDataStale || forceReload) {
         return CropService.listCrops()
             .then((list) => {
-                dispatch(receiveCrops(list));
+                dispatch(receiveCrops(list.sort((a, b) => a.name.localeCompare(b.name))));
             })
             .catch((error) => {
                 log('Error', error);

src/descriptorlists/ui/dashboard/descriptorlist-stepper/steps/basic-info/index.tsx

@@ -55,7 +55,7 @@ class BasicInfoStep extends StepperTemplate<IDescriptorListProps> {
 
 const mapStateToProps = (state, ownProps) => ({
   myPartners: state.partner.dashboard.myPartners,
-  crops: state.crop.list,
+  crops: state.crop.public.list,
   isInvalidForm: isInvalid(DESCRIPTORLIST_FORM)(state),
 });
 

src/descriptors/ui/dashboard/c/DescriptorForm.tsx

@@ -259,7 +259,7 @@ class DescriptorForm extends React.Component<any, any> {
 const selector = formValueSelector(DESCRIPTOR_FORM);
 
 const mapStateToProps = (state, ownProps) => ({
-  crops: state.crop.list,
+  crops: state.crop.public.list,
   dataType: selector(state, 'dataType'),
   currentTerms: selector(state, 'terms'),
   currentOwner: selector(state, 'owner'),

src/ui/common/forms/CheckboxSelection.tsx

@@ -12,7 +12,7 @@ import Checkbox from '@material-ui/core/Checkbox';
 const styles = (theme) =>({
   radioGroupMultiColumn: {
     flexDirection: 'row' as 'row',
-    justifyContent: 'space-between' as 'space-between',
+    justifyContent: 'flex-start' as 'flex-start',
     '& > label': {
       flexBasis: '12%',
       [theme.breakpoints.down('lg')]: {

src/ui/common/forms/RadioSelection.tsx

@@ -12,7 +12,7 @@ import { withStyles } from '@material-ui/core/styles';
 const styles = (theme) =>({
   radioGroupMultiColumn: {
     flexDirection: 'row' as 'row',
-    justifyContent: 'space-evenly' as 'space-evenly',
+    justifyContent: 'flex-start' as 'flex-start',
     '& > label': {
       flexBasis: '12%',
       [theme.breakpoints.down('md')]: {