From 16a05ddd34218ec92c0b753df16d7229382c2552 Mon Sep 17 00:00:00 2001
From: PranavAwasthi <pranavawasthi01@gmail.com>
Date: Thu, 28 Nov 2024 15:39:50 +0530
Subject: [PATCH 1/2] QSM 10 minor UI changes

---
 css/qsm-admin.css       | 54 ++++++++++++++++++++++++-----------------
 php/admin/functions.php |  2 +-
 2 files changed, 33 insertions(+), 23 deletions(-)

diff --git a/css/qsm-admin.css b/css/qsm-admin.css
index 3163b054..638684d2 100644
--- a/css/qsm-admin.css
+++ b/css/qsm-admin.css
@@ -1020,12 +1020,15 @@ ul.changelog li.update div.two:before {
 	text-decoration: none;
 	box-shadow: none;
 }
-.qsm-upgrade-box .subsubsub li a.current,
 .qsm-sub-text-tab-menu .subsubsub li a.current,
 .qsm-sub-tab-menu .subsubsub li a.current{
 	border-bottom: 3px solid #2271B1;
 	color: #2271B1;
 }
+.qsm-upgrade-box .subsubsub li a.current {
+	border-bottom: 3px solid #1D4ED8;
+	color: #1D4ED8;
+}
 /* Popup */
 .qsm-popup {
 	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
@@ -2095,6 +2098,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 	align-items: center;
 }
 .qsm-popup-upgrade .qsm-popup__container {
+	min-width: 600px;
 	max-width: 600px;
 	max-height: 90vh;
 }
@@ -2144,7 +2148,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
     max-width: 100%;
     width: 671px;
 	background: #EFF6FF;
-	padding: 16px;
+	padding: 10px 16px;
 	border-radius: 6px;
 	box-sizing: border-box;
 }
@@ -2155,7 +2159,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 }
 .qsm-upgrade-box-base p {
 	font-weight: 500;
-	font-size: 14px;
+	font-size: 16px;
 	line-height: 20px;
 	color: #1E1E1E;
 	position: relative;
@@ -2164,31 +2168,34 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 }
 .qsm-upgrade-box-base a {
 	text-decoration: none;
-	color: #1E1E1E;
-	outline: none;
-	box-shadow: none;
+    color: #1E1E1E;
+    outline: none;
+    box-shadow: none;
+    font-size: 16px;
+    font-weight: 500;
 }
 .qsm-upgrade-box-base a span {
 	margin-left: 10px;
 }
-.qsm-upgrade-box-base a.button {
+.qsm-upgrade-box-base a.qsm-upgrade-button {
 	color: #fff;
-	box-shadow: 0px 0px 0px 4px #6366F1;
-	border: 2px solid #FFFFFF;
-	background: #1D4ED8;
-	font-size: 14px;
-	font-weight: 500;
-	line-height: 16px;
-	text-align: left;
-	text-decoration-skip-ink: none;
-	border-radius: 4px;
-	padding: 4px 8px;
-	position: relative;
-	left: 60px;
+    box-shadow: 0px 0px 0px 2px #6366F1;
+    border: 2px solid #FFFFFF;
+    background: #1D4ED8;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 16px;
+    text-decoration-skip-ink: none;
+    border-radius: 4px;
+    padding: 6px 10px;
+    position: relative;
+    left: 60px;
+    min-width: 80px;
+    text-align: center;
 }
 .qsm-upgrade-box-base img {
-	height: 16px;
-	width: 16px;
+	height: 23px;
+	width: 23px;
 }
 .qsm-upgrade-box .qsm-upgrade-list-item,
 .qsm-upgrade-box .qsm-upgrade-briefing,
@@ -2271,7 +2278,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 	margin: 10px 0 35px;
 	flex-wrap: nowrap;
 	align-items: center;
-	font-size: 14px;
+	font-size: 15px;
 }
 .qsm-upgrade-box .qsm-upgrade-read-icon a {
 	text-decoration: none;
@@ -2282,6 +2289,9 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 	align-content: center;
 	align-items: center;
 	margin: 2px 6px 0;
+	color: #1E1E1E;
+	line-height: 20px;
+	font-weight: 500;
 }
 .qsm-upgrade-box .qsm-upgrade-right-arrow {
 	font-size: 16px;
diff --git a/php/admin/functions.php b/php/admin/functions.php
index 10a32485..778445bd 100644
--- a/php/admin/functions.php
+++ b/php/admin/functions.php
@@ -1347,7 +1347,7 @@ function qsm_admin_upgrade_popup( $args = array(), $type = 'popup' ) {
 		<div class="qsm-upgrade-box-base-title">
 			<img src="<?php echo esc_url( QSM_PLUGIN_URL . 'php/images/info.png' ); ?>" alt="">
 			<p><?php echo esc_html( $args['title'] ) . __( ' is required.', 'quiz-master-next' ); ?></p>
-			<a href="<?php echo esc_url( $args['addon_link'] ); ?>" target="_blank" class="button button-small" rel="noopener"><?php esc_html_e( 'Purchase', 'quiz-master-next' ); ?></a>
+			<a href="<?php echo esc_url( $args['addon_link'] ); ?>" target="_blank" class="qsm-upgrade-button" rel="noopener"><?php esc_html_e( 'Purchase', 'quiz-master-next' ); ?></a>
 		</div>
 		<a href="#" id="qsm-upgrade-popup-opener" data-popup="<?php echo esc_attr( $args['id'] ); ?>"><?php esc_html_e( 'Details', 'quiz-master-next' ); ?><span class="dashicons dashicons-arrow-right-alt qsm-upgrade-right-arrow"></span></a>
 	</div>

From a282c6c76af84207ab1f73d8f97823bfbe6ac8e0 Mon Sep 17 00:00:00 2001
From: PranavAwasthi <pranavawasthi01@gmail.com>
Date: Thu, 28 Nov 2024 15:58:22 +0530
Subject: [PATCH 2/2] Fixed sonar issue

---
 css/qsm-admin.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/css/qsm-admin.css b/css/qsm-admin.css
index 638684d2..d58ee12e 100644
--- a/css/qsm-admin.css
+++ b/css/qsm-admin.css
@@ -2282,7 +2282,6 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 }
 .qsm-upgrade-box .qsm-upgrade-read-icon a {
 	text-decoration: none;
-	font-weight: bold;
 	display: inline-flex;
 	flex-direction: row;
 	flex-wrap: nowrap;