export styling

assets/css/admin.scss

@@ -5421,7 +5421,8 @@ table.bar_chart {
 	}
 }
 
-.woocommerce-progress-form-wrapper {
+.woocommerce-progress-form-wrapper,
+.woocommerce-exporter-wrapper {
 	text-align: center;
 	max-width: 700px;
 	margin: 40px auto;
@@ -5475,16 +5476,8 @@ table.bar_chart {
 			}
 		}
 	}
-	.wc-progress-form-content {
-		background: #fff;
-		overflow: hidden;
-		padding: 24px 24px 0;
-		margin: 0 0 16px;
-		box-shadow: 0 1px 3px rgba(0,0,0,.13);
-		color: #555;
-		text-align: left;
-	}
-	.wc-progress-form-actions {
+
+	.wc-actions {
 		overflow: hidden;
 		padding: 0 0 2px;
 		margin: 0 0 24px;
@@ -5513,10 +5506,16 @@ table.bar_chart {
 			}
 		}
 	}
-}
-.woocommerce-exporter,
-.woocommerce-importer {
 
+	.woocommerce-exporter,
+	.wc-progress-form-content {
+		background: #fff;
+		overflow: hidden;
+		padding: 24px 24px 0;
+		margin: 0 0 16px;
+		box-shadow: 0 1px 3px rgba(0,0,0,.13);
+		color: #555;
+		text-align: left;
 
 		header {
 			border-bottom: 1px solid #eee;
@@ -5554,9 +5553,7 @@ table.bar_chart {
 		}
 
 		.woocommerce-exporter-options th,
-	.woocommerce-exporter-options td,
-	.woocommerce-importer-options th,
-	.woocommerce-importer-options td {
+		.woocommerce-exporter-options td {
 			vertical-align: top;
 
 			label {
@@ -5568,7 +5565,7 @@ table.bar_chart {
 		progress {
 			width: 100%;
 			height: 42px;
-		margin: 24px auto 0;
+			margin: 24px auto 24px;
 			display: block;
 			-webkit-appearance: none;
 			border: none;
@@ -5602,10 +5599,10 @@ table.bar_chart {
 			progress {
 				display: block;
 			}
-		.form-row-submit,
-		.woocommerce-exporter-options,
-		.woocommerce-importer-options {
+			.wc-actions,
+			.woocommerce-exporter-options {
 				display: none;
 			}
 		}
+	}
 }

includes/admin/importers/views/html-csv-import-mapping.php

@@ -46,7 +46,7 @@ if ( ! defined( 'ABSPATH' ) ) {
 			<?php endforeach; ?>
 		</tbody>
 	</table>
-	<div class="wc-progress-form-actions">
+	<div class="wc-actions">
 		<input type="submit" class="button button-primary button-next" value="<?php esc_attr_e( 'Run the importer', 'woocommerce' ); ?>" name="save_step" />
 		<input type="hidden" name="file" value="<?php echo esc_attr( $this->file ); ?>" />
 		<input type="hidden" name="delimiter" value="<?php echo esc_attr( $this->delimiter ); ?>" />

includes/admin/importers/views/html-product-csv-import-form.php

@@ -56,7 +56,7 @@ if ( ! defined( 'ABSPATH' ) ) {
 			</tr>
 		</tbody>
 	</table>
-	<div class="wc-progress-form-actions">
+	<div class="wc-actions">
 		<input type="submit" class="button button-primary button-next" value="<?php esc_attr_e( 'Continue', 'woocommerce' ); ?>" name="save_step" />
 		<?php wp_nonce_field( 'woocommerce-csv-importer' ); ?>
 	</div>

includes/admin/views/html-admin-page-product-export.php

@@ -13,6 +13,7 @@ $exporter = new WC_Product_CSV_Exporter();
 <div class="wrap woocommerce">
 	<h1><?php esc_html_e( 'Export Products', 'woocommerce' ); ?></h1>
 
+	<div class="woocommerce-exporter-wrapper">
 		<form class="woocommerce-exporter">
 			<header>
 				<span class="spinner is-active"></span>
@@ -64,11 +65,12 @@ $exporter = new WC_Product_CSV_Exporter();
 					</tr>
 				</tbody>
 			</table>
-		<div class="form-row form-row-submit">
+			<div class="wc-actions">
 				<input type="submit" class="woocommerce-exporter-button button button-primary" value="<?php esc_attr_e( 'Generate CSV', 'woocommerce' ); ?>" />
 			</div>
 			<div>
 				<progress class="woocommerce-exporter-progress" max="100" value="0"></progress>
 			</div>
 		</form>
+	</div>
 </div>