Move the Movie column next to the Folder colum for easier matching (#5078)

Fixes: #5075

frontend/src/AddMovie/ImportMovie/Import/ImportMovieHeader.js

@@ -28,6 +28,13 @@ function ImportMovieHeader(props) {
         {translate('Folder')}
       </VirtualTableHeaderCell>
 
+      <VirtualTableHeaderCell
+        className={styles.movie}
+        name="movie"
+      >
+        {translate('Movie')}
+      </VirtualTableHeaderCell>
+
       <VirtualTableHeaderCell
         className={styles.monitor}
         name="monitor"
@@ -48,13 +55,6 @@ function ImportMovieHeader(props) {
       >
         {translate('QualityProfile')}
       </VirtualTableHeaderCell>
-
-      <VirtualTableHeaderCell
-        className={styles.movie}
-        name="movie"
-      >
-        {translate('Movie')}
-      </VirtualTableHeaderCell>
     </VirtualTableHeader>
   );
 }

frontend/src/AddMovie/ImportMovie/Import/ImportMovieRow.js

@@ -34,6 +34,13 @@ function ImportMovieRow(props) {
         {id}
       </VirtualTableRowCell>
 
+      <VirtualTableRowCell className={styles.movie}>
+        <ImportMovieSelectMovieConnector
+          id={id}
+          isExistingMovie={isExistingMovie}
+        />
+      </VirtualTableRowCell>
+
       <VirtualTableRowCell className={styles.monitor}>
         <FormInputGroup
           type={inputTypes.MOVIE_MONITORED_SELECT}
@@ -60,13 +67,6 @@ function ImportMovieRow(props) {
           onChange={onInputChange}
         />
       </VirtualTableRowCell>
-
-      <VirtualTableRowCell className={styles.movie}>
-        <ImportMovieSelectMovieConnector
-          id={id}
-          isExistingMovie={isExistingMovie}
-        />
-      </VirtualTableRowCell>
     </>
   );
 }