Update style

wpovernight · Oct 17, 2024 · 342952b · 342952b
1 parent 90b328b
commit 342952b
Showing 1 changed file with 14 additions and 19 deletions.
diff --git a/assets/css/settings-styles.css b/assets/css/settings-styles.css
@@ -415,7 +415,7 @@ body.woocommerce_page_wpo_wcpdf_options_page {
 #wpo-wcpdf-preview-wrapper[data-preview-states="2"][data-preview-state="closed"] .sidebar .form-table > tbody > tr,
 #wpo-wcpdf-preview-wrapper[data-preview-states="3"][data-preview-state="closed"] .sidebar .form-table > tbody > tr {
 	display: grid;
-	grid-template-columns: 300px 1fr;
+	grid-template-columns: 1fr 2fr;
 	gap: 4em;
 }
 
@@ -990,9 +990,7 @@ sup.wcpdf_beta {
 	.nav-tab-wrapper a.nav-tab.nav-tab-active {
 		border: 3px solid #51266b;
 	}
-}
 
-@media screen and (max-width: 960px) {
 	.preview-document .preview > #preview-canvas {
 		width: 80vw!important;
 	}
@@ -1005,22 +1003,10 @@ sup.wcpdf_beta {
 		width: 100%!important;
 	}
 
-	#wpo-wcpdf-preview-wrapper .sidebar .form-table,
-	#wpo-wcpdf-preview-wrapper .sidebar .form-table > tbody,
-	#wpo-wcpdf-preview-wrapper .sidebar .form-table > tbody > tr,
-	#wpo-wcpdf-preview-wrapper .sidebar .form-table > tbody > tr > th,
-	#wpo-wcpdf-preview-wrapper .sidebar .form-table > tbody > tr > td {
-		display: block;
-		/*width: 100%!important;*/
-	}
-
-	#wpo-wcpdf-preview-wrapper[data-preview-states="1"] .sidebar .form-table > tbody > tr > th,
-	#wpo-wcpdf-preview-wrapper[data-preview-states="1"] .sidebar .form-table > tbody > tr > td,
-	#wpo-wcpdf-preview-wrapper[data-preview-states="2"][data-preview-state="closed"] .sidebar .form-table > tbody > tr > th,
-	#wpo-wcpdf-preview-wrapper[data-preview-states="2"][data-preview-state="closed"] .sidebar .form-table > tbody > tr > td,
-	#wpo-wcpdf-preview-wrapper[data-preview-states="3"][data-preview-state="closed"] .sidebar .form-table > tbody > tr > th,
-	#wpo-wcpdf-preview-wrapper[data-preview-states="3"][data-preview-state="closed"] .sidebar .form-table > tbody > tr > td {
-		display: block;
+	#wpo-wcpdf-preview-wrapper[data-preview-states="1"] .sidebar .form-table > tbody > tr,
+	#wpo-wcpdf-preview-wrapper[data-preview-states="2"][data-preview-state="closed"] .sidebar .form-table > tbody > tr,
+	#wpo-wcpdf-preview-wrapper[data-preview-states="3"][data-preview-state="closed"] .sidebar .form-table > tbody > tr {
+		gap: 2em;
 	}
 
 	.preview-document .preview-data-wrapper {
@@ -1060,6 +1046,15 @@ sup.wcpdf_beta {
 	}
 }
 
+@media screen and (max-width: 860px) {
+	#wpo-wcpdf-preview-wrapper[data-preview-states="1"] .sidebar .form-table > tbody > tr,
+	#wpo-wcpdf-preview-wrapper[data-preview-states="2"][data-preview-state="closed"] .sidebar .form-table > tbody > tr,
+	#wpo-wcpdf-preview-wrapper[data-preview-states="3"][data-preview-state="closed"] .sidebar .form-table > tbody > tr {
+		display: block;
+	}
+}
+
+
 /* Upgrade tab */
 
 div.upgrade-table-description {