Fixes extraHeaders position in VehicleJourneys component. Refs #61436143-extra-rows-in-vjs-editor-header

1 files changed, 5 insertions, 5 deletions

diff --git a/app/javascript/vehicle_journeys/components/VehicleJourneys.js b/app/javascript/vehicle_journeys/components/VehicleJourneys.js
index 4b2d8c7a6..ca08ba3b1 100644
--- a/app/javascript/vehicle_journeys/components/VehicleJourneys.js
+++ b/app/javascript/vehicle_journeys/components/VehicleJourneys.js
@@ -217,6 +217,11 @@ export default class VehicleJourneys extends Component {
                   <div>{I18n.attribute_name("vehicle_journey", "name")}</div>
                   <div>{I18n.attribute_name("vehicle_journey", "journey_pattern_id")}</div>
                   <div>{I18n.model_name("company")}</div>
+                  {
+                    this.props.extraHeaders.map((header, i) =>
+                      <div key={i}>{this.extraHeaderLabel(header)}</div>
+                    )
+                  }
                   { this.hasFeature('purchase_windows') &&
                     <div>
                       { detailed_purchase_windows &&
@@ -240,11 +245,6 @@ export default class VehicleJourneys extends Component {
                       )}
                     </div>
                   }
-                  {
-                    this.props.extraHeaders.map((header, i) =>
-                      <div key={i}>{this.extraHeaderLabel(header)}</div>
-                    )
-                  }
                   <div>
                     { detailed_calendars &&
                       <a href='#' onClick={this.toggleTimetables} className='detailed-timetables-bt'>