Merge branch 'col-order' into 'master'

Change order of start date column

Closes #391

See merge request !417

src/components/Investigation/InvestigationTable.js

@@ -104,22 +104,23 @@ class InvestigationTable extends React.Component {
     );
     if (datasetCount && datasetCount.value && datasetCount.value !== 0) {
       return (
-        <div>
+        <>
           <span style={{ width: 40, textAlign: 'right', float: 'left' }}>
             {datasetCount.value}
           </span>
           <span
             style={{
-              width: 80,
+              width: 70,
               marginLeft: 5,
               float: 'left',
               fontStyle: 'italic',
               color: '#999',
+              fontSize: 12,
             }}
           >
             ({extraData.volumeFormatter(cell, investigation, extraData)})
           </span>
-        </div>
+        </>
       );
     }
   }
@@ -194,10 +195,17 @@ class InvestigationTable extends React.Component {
         responsiveHeaderStyle: {
           xs: { hidden: true },
           sm: { hidden: true },
-          md: { width: 140, textAlign: 'center' },
-          lg: { width: 140, textAlign: 'center' },
+          md: { width: 110, textAlign: 'center' },
+          lg: { width: 110, textAlign: 'center' },
         },
       },
+      {
+        text: 'Start Date',
+        dataField: 'startDate',
+        formatter: dateFormatter,
+        sort: true,
+        responsiveHeaderStyle: getLgHeaderStyle(110, false),
+      },
       {
         text: 'Title',
         dataField: 'summary',
@@ -213,7 +221,7 @@ class InvestigationTable extends React.Component {
         formatter: this.datasetCountFormatter,
         formatExtraData: this,
         responsiveHeaderStyle: getLgHeaderStyle(
-          150,
+          130,
           !this.props.showInvestigationStats
         ),
       },
@@ -229,14 +237,6 @@ class InvestigationTable extends React.Component {
           !this.props.showInvestigationStats
         ),
       },
-
-      {
-        text: 'Start Date',
-        dataField: 'startDate',
-        formatter: dateFormatter,
-        sort: true,
-        responsiveHeaderStyle: getLgHeaderStyle(110, false),
-      },
       {
         text: 'Release',
         dataField: 'releaseDate',
@@ -249,7 +249,7 @@ class InvestigationTable extends React.Component {
         dataField: 'doi',
         formatter: (doi) => <DOIBadge doi={doi} />,
         sort: true,
-        responsiveHeaderStyle: getLgHeaderStyle(300, false),
+        responsiveHeaderStyle: getLgHeaderStyle(260, false),
       },
     ];
   }