From 342952b9aabe28bfb36e76fc97f323d1238fddc7 Mon Sep 17 00:00:00 2001
From: Mohamad Nateqi Rostami <mnateqi@wpovernight.com>
Date: Thu, 17 Oct 2024 19:12:40 +0330
Subject: [PATCH] Update style

---
 assets/css/settings-styles.css | 33 ++++++++++++++-------------------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/assets/css/settings-styles.css b/assets/css/settings-styles.css
index 72596922e..9432ab894 100644
--- 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 {