From b9df0060930cdf6edf46bd3cce9232f086897fbc Mon Sep 17 00:00:00 2001
From: nur-alam <nuralam862@gmail.com>
Date: Mon, 11 May 2026 15:39:12 +0600
Subject: [PATCH 1/6] Enhance star rating component styles and update button
 classes for consistency. Adjust layout in review cards for better
 responsiveness.

---
 assets/core/scss/components/_star-rating.scss            | 4 ++++
 components/StarRatingInput.php                           | 2 +-
 templates/dashboard/account/reviews/review-card.php      | 4 ++--
 templates/learning-area/subpages/reviews/review-card.php | 4 ++--
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/assets/core/scss/components/_star-rating.scss b/assets/core/scss/components/_star-rating.scss
index 67f5aa39dd..e895fabf6b 100644
--- a/assets/core/scss/components/_star-rating.scss
+++ b/assets/core/scss/components/_star-rating.scss
@@ -3,6 +3,10 @@
 
 .tutor-star-rating-container {
   @include tutor-flex(row, center, space-between);
+  button.tutor-star-rating-btn {
+    @include tutor-button-reset();
+    height: unset;
+  }
   &.is-emoji-view {
     @include tutor-flex-column;
     gap: $tutor-spacing-7;
diff --git a/components/StarRatingInput.php b/components/StarRatingInput.php
index 90f8df2c05..dec7f07e65 100644
--- a/components/StarRatingInput.php
+++ b/components/StarRatingInput.php
@@ -230,7 +230,7 @@ class="tutor-star-rating-emoji-btn <?php echo esc_attr( $rating_classes[ $i ] );
 				<?php for ( $i = 1; $i <= 5; $i++ ) : ?>
 					<button 
 						type="button"
-						class="tutor-btn tutor-p-none tutor-min-h-0 tutor-bg-transparent"
+						class="tutor-star-rating-btn tutor-btn tutor-p-none tutor-min-h-0 tutor-bg-transparent"
 						@click="setRating(<?php echo esc_attr( $i ); ?>, (rating) => setValue('<?php echo esc_attr( $this->field_name ); ?>', rating))"
 						@mouseenter="hoverRating = <?php echo esc_attr( $i ); ?>"
 					>
diff --git a/templates/dashboard/account/reviews/review-card.php b/templates/dashboard/account/reviews/review-card.php
index d0f1c43bad..bfe650ac9c 100644
--- a/templates/dashboard/account/reviews/review-card.php
+++ b/templates/dashboard/account/reviews/review-card.php
@@ -241,8 +241,8 @@ class="tutor-review-form-fields"
 						->render();
 				?>
 			</form>
-			<div class="tutor-flex tutor-justify-between tutor-gap-3">
-				<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center">
+			<div class="tutor-flex tutor-justify-between tutor-sm-justify-end tutor-gap-3">
+				<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center tutor-sm-hidden">
 					<span>
 						<?php SvgIcon::make()->name( Icon::COMMAND )->size( 12 )->render(); ?>
 					</span>
diff --git a/templates/learning-area/subpages/reviews/review-card.php b/templates/learning-area/subpages/reviews/review-card.php
index ed6458c01f..1070f7a8de 100644
--- a/templates/learning-area/subpages/reviews/review-card.php
+++ b/templates/learning-area/subpages/reviews/review-card.php
@@ -124,8 +124,8 @@ class="tutor-flex tutor-flex-column tutor-gap-6"
 					->render();
 			?>
 		</form>
-		<div class="tutor-flex tutor-justify-between tutor-gap-3">
-			<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center tutor-flex-wrap">
+		<div class="tutor-flex tutor-justify-between tutor-gap-3 tutor-sm-justify-end">
+			<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center tutor-flex-wrap tutor-sm-hidden">
 				<span>
 					<?php tutor_utils()->render_svg_icon( Icon::COMMAND, 12, 12 ); ?>
 				</span>

From d2db9905d853ee47378785fbd5c7d7732a8d72b2 Mon Sep 17 00:00:00 2001
From: nur-alam <nuralam862@gmail.com>
Date: Mon, 11 May 2026 15:53:34 +0600
Subject: [PATCH 2/6] Refactor star rating button class names for consistency
 in SCSS and PHP files.

---
 assets/core/scss/components/_star-rating.scss | 2 +-
 components/StarRatingInput.php                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/core/scss/components/_star-rating.scss b/assets/core/scss/components/_star-rating.scss
index e895fabf6b..4def0744fd 100644
--- a/assets/core/scss/components/_star-rating.scss
+++ b/assets/core/scss/components/_star-rating.scss
@@ -3,7 +3,7 @@
 
 .tutor-star-rating-container {
   @include tutor-flex(row, center, space-between);
-  button.tutor-star-rating-btn {
+  button.tutor-star-rating-icon-btn {
     @include tutor-button-reset();
     height: unset;
   }
diff --git a/components/StarRatingInput.php b/components/StarRatingInput.php
index dec7f07e65..04533e405a 100644
--- a/components/StarRatingInput.php
+++ b/components/StarRatingInput.php
@@ -230,7 +230,7 @@ class="tutor-star-rating-emoji-btn <?php echo esc_attr( $rating_classes[ $i ] );
 				<?php for ( $i = 1; $i <= 5; $i++ ) : ?>
 					<button 
 						type="button"
-						class="tutor-star-rating-btn tutor-btn tutor-p-none tutor-min-h-0 tutor-bg-transparent"
+						class="tutor-star-rating-icon-btn tutor-btn tutor-p-none tutor-min-h-0 tutor-bg-transparent"
 						@click="setRating(<?php echo esc_attr( $i ); ?>, (rating) => setValue('<?php echo esc_attr( $this->field_name ); ?>', rating))"
 						@mouseenter="hoverRating = <?php echo esc_attr( $i ); ?>"
 					>

From bb6e5a22f298daa989bc7f7e4a44748f38fe8da1 Mon Sep 17 00:00:00 2001
From: nur-alam <nuralam862@gmail.com>
Date: Mon, 11 May 2026 16:11:14 +0600
Subject: [PATCH 3/6] Refactor social share button styles for improved layout
 and consistency in SCSS.

---
 .../src/scss/front/course/_social-share.scss  | 60 +++++++++----------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/assets/src/scss/front/course/_social-share.scss b/assets/src/scss/front/course/_social-share.scss
index 3266394907..b66a19780d 100644
--- a/assets/src/scss/front/course/_social-share.scss
+++ b/assets/src/scss/front/course/_social-share.scss
@@ -1,33 +1,31 @@
 .tutor-social-share-wrap {
-	button {
-		margin-right: 16px;
-		border: none;
-		padding: 8px 15px;
-		border-radius: 6px;
-		color: white;
-		cursor: pointer;
-		display: inline-flex;
-		align-items: center;	
-		@include breakpoint-max(mobile) {
-			width: 150px;
-			justify-content: center;
-			&:not(:first-child) {
-				margin-top: 10px;
-			}
-		}
-		span {
-			font-style: normal;
-			font-weight: 500;
-			font-size: 15px;
-			color: #ffffff;
-			position: relative;
-			top: 1px;
-			left: 2px;
-		}
-	}
-	.tutor_share {
-		&.s_linkedin i {
-			margin-top: -2px;
-		}
-	}
+	display: flex;
+	gap: 16px;
+  button {
+    border: none;
+    padding: 8px 15px;
+    border-radius: 6px;
+    color: white;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    @include breakpoint-max(mobile) {
+      width: 150px;
+      justify-content: center;
+    }
+    span {
+      font-style: normal;
+      font-weight: 500;
+      font-size: 15px;
+      color: #ffffff;
+      position: relative;
+      top: 1px;
+      left: 2px;
+    }
+  }
+  .tutor_share {
+    &.s_linkedin i {
+      margin-top: -2px;
+    }
+  }
 }

From 43d1b8c55a71fcba5eebfef26b7262d071e7b8b8 Mon Sep 17 00:00:00 2001
From: nur-alam <nuralam862@gmail.com>
Date: Mon, 11 May 2026 16:52:59 +0600
Subject: [PATCH 4/6] Update star rating button styles to use min-height
 instead of height; remove mobile-specific width adjustments from social share
 button for improved layout.

---
 assets/core/scss/components/_star-rating.scss   | 2 +-
 assets/src/scss/front/course/_social-share.scss | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/assets/core/scss/components/_star-rating.scss b/assets/core/scss/components/_star-rating.scss
index 4def0744fd..46c9187f21 100644
--- a/assets/core/scss/components/_star-rating.scss
+++ b/assets/core/scss/components/_star-rating.scss
@@ -5,7 +5,7 @@
   @include tutor-flex(row, center, space-between);
   button.tutor-star-rating-icon-btn {
     @include tutor-button-reset();
-    height: unset;
+    min-height: unset;
   }
   &.is-emoji-view {
     @include tutor-flex-column;
diff --git a/assets/src/scss/front/course/_social-share.scss b/assets/src/scss/front/course/_social-share.scss
index b66a19780d..25323709b8 100644
--- a/assets/src/scss/front/course/_social-share.scss
+++ b/assets/src/scss/front/course/_social-share.scss
@@ -9,10 +9,6 @@
     cursor: pointer;
     display: inline-flex;
     align-items: center;
-    @include breakpoint-max(mobile) {
-      width: 150px;
-      justify-content: center;
-    }
     span {
       font-style: normal;
       font-weight: 500;

From 68ab5426017445ecc6e203c11370e57ba0d97139 Mon Sep 17 00:00:00 2001
From: nur-alam <nuralam862@gmail.com>
Date: Tue, 12 May 2026 12:53:57 +0600
Subject: [PATCH 5/6] Add spacing above and below of tutor-star-rating-icon-btn

---
 assets/core/scss/components/_star-rating.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/assets/core/scss/components/_star-rating.scss b/assets/core/scss/components/_star-rating.scss
index 46c9187f21..a2e7615e78 100644
--- a/assets/core/scss/components/_star-rating.scss
+++ b/assets/core/scss/components/_star-rating.scss
@@ -3,10 +3,12 @@
 
 .tutor-star-rating-container {
   @include tutor-flex(row, center, space-between);
+
   button.tutor-star-rating-icon-btn {
     @include tutor-button-reset();
     min-height: unset;
   }
+
   &.is-emoji-view {
     @include tutor-flex-column;
     gap: $tutor-spacing-7;

From 720ff1394c5e913f86686512abed3c6342633084 Mon Sep 17 00:00:00 2001
From: nur-alam <nuralam862@gmail.com>
Date: Tue, 12 May 2026 13:06:49 +0600
Subject: [PATCH 6/6] Refactor mobile navigation styles to improve spacing and
 add hover/focus effects

---
 .../scss/frontend/dashboard/layout/_nav-mobile.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss
index e86f672319..4f558310fa 100644
--- a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss
+++ b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss
@@ -23,14 +23,14 @@
     margin: 0;
     padding: 0;
 
-    >li {
+    > li {
       @include tutor-flex(column, center);
       min-width: 44px;
       margin: 0;
       padding: 0;
 
-      >a,
-      >button {
+      > a,
+      > button {
         @include tutor-button-reset();
         @include tutor-typography(tiny, medium);
         @include tutor-flex(column, center);
@@ -40,6 +40,11 @@
         &.active span {
           color: $tutor-text-brand;
         }
+        &:hover,
+        &:focus {
+          background-color: transparent;
+          color: $tutor-text-brand;
+        }
       }
 
       img {
@@ -82,4 +87,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}