From 8edb8048a7081d440d6243367f32ed6c78e9b0e4 Mon Sep 17 00:00:00 2001
From: masoodafar-web <masoud.afarin.moghaddam@outlook.com>
Date: Sat, 10 Oct 2026 03:47:00 +0330
Subject: [PATCH] Unify all back buttons to the TOC chevron style.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use the same ‹ icon, 44px square, and left placement on tafsir pages and the player TOC.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/TafsirQuran.UI/Components/PlayerToc.razor |  2 +-
 src/TafsirQuran.UI/Pages/TafsirPage.razor     |  2 +-
 src/TafsirQuran.UI/wwwroot/css/app.css        | 15 +++++++++++----
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/TafsirQuran.UI/Components/PlayerToc.razor b/src/TafsirQuran.UI/Components/PlayerToc.razor
index e9abff7..5e15fa3 100644
--- a/src/TafsirQuran.UI/Components/PlayerToc.razor
+++ b/src/TafsirQuran.UI/Components/PlayerToc.razor
@@ -5,7 +5,7 @@
 {
     <div class="toc-sheet" dir="rtl" @key="tocKey">
         <div class="toc-header">
-            <button type="button" class="sheet-icon-btn toc-back" @onclick="Close" aria-label="بازگشت">‹</button>
+            <button type="button" class="back-btn toc-back" @onclick="Close" aria-label="بازگشت">‹</button>
             <div class="toc-header-text">
                 <strong>سوره @Session.SurahNameFa</strong>
                 <span class="muted">@Session.TafsirTitle</span>
diff --git a/src/TafsirQuran.UI/Pages/TafsirPage.razor b/src/TafsirQuran.UI/Pages/TafsirPage.razor
index 47f8a86..3440dde 100644
--- a/src/TafsirQuran.UI/Pages/TafsirPage.razor
+++ b/src/TafsirQuran.UI/Pages/TafsirPage.razor
@@ -14,6 +14,7 @@
         }
         else
         {
+            <button type="button" class="back-btn" @onclick="GoBack" aria-label="بازگشت">‹</button>
             <h1 class="page-title-inline">
                 <span>@title</span>
                 @if (!string.IsNullOrWhiteSpace(author))
@@ -21,7 +22,6 @@
                     <span class="title-author">(@author)</span>
                 }
             </h1>
-            <button type="button" class="back-btn" @onclick="GoBack" aria-label="بازگشت">←</button>
         }
     </header>
 
diff --git a/src/TafsirQuran.UI/wwwroot/css/app.css b/src/TafsirQuran.UI/wwwroot/css/app.css
index 7ebeff2..8d4f3ba 100644
--- a/src/TafsirQuran.UI/wwwroot/css/app.css
+++ b/src/TafsirQuran.UI/wwwroot/css/app.css
@@ -282,12 +282,19 @@ button, input { font: inherit; }
 .chip:disabled { opacity: 0.45; cursor: default; }
 
 .page-header-row {
-  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
+  display: grid;
+  grid-template-columns: 44px 1fr;
+  align-items: center;
+  gap: 0.75rem;
   margin-bottom: 1rem;
+  direction: ltr; /* back button physical left, like TOC */
 }
 .page-title-inline {
   margin: 0; font-size: clamp(1.15rem, 3.5vw, 1.45rem); font-weight: 700;
   display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem;
+  direction: rtl;
+  text-align: right;
+  justify-content: flex-start;
 }
 .title-author { font-weight: 500; color: var(--muted); font-size: 0.92em; }
 .back-btn,
@@ -300,11 +307,11 @@ button, input { font: inherit; }
   background: #fff;
   box-shadow: 0 2px 8px rgba(28, 43, 36, 0.08);
   cursor: pointer;
-  color: var(--brand-deep);
+  color: #1c2b24;
   display: grid; place-items: center;
-  font-size: 1.35rem; line-height: 1;
+  font-size: 1.45rem; line-height: 1;
+  padding: 0;
 }
-.back-btn { width: 52px; height: 52px; border-radius: 14px; font-size: 1.6rem; }
 .icon-chip.on,
 .sheet-action.on .sheet-action-icon {
   background: var(--brand); color: #fff; border-color: var(--brand);