From 00f5e81da5d17f2b77f4e55253b0f231fef69643 Mon Sep 17 00:00:00 2001
From: Hamid Reza Mohammadi <mohammadi.hr@gmail.com>
Date: Thu, 20 Aug 2026 20:18:48 +0330
Subject: [PATCH] fixes for editor

---
 GanjooRazor/Areas/User/Pages/Editor.cshtml      |  8 ++++----
 GanjooRazor/Pages/Shared/_AdminLayout.cshtml    |  4 ++--
 .../Pages/Shared/_UserPanelLayout.cshtml        |  4 ++--
 GanjooRazor/wwwroot/css/user-panel.css          | 17 +++++++++++++++++
 4 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/GanjooRazor/Areas/User/Pages/Editor.cshtml b/GanjooRazor/Areas/User/Pages/Editor.cshtml
index 0df8164e..ccc8e1f0 100644
--- a/GanjooRazor/Areas/User/Pages/Editor.cshtml
+++ b/GanjooRazor/Areas/User/Pages/Editor.cshtml
@@ -843,7 +843,7 @@ else
         @foreach (var verse in Model.PageInformation.Poem.Verses)
         {
             <div class="up-verse-row" id="tr-@verse.VOrder">
-                <p class="up-hint">بیت @Model.GetVerseCoupletNumber(verse).ToPersianNumbers() &mdash; ترتیب مصرع یا خط از ابتدا: @verse.VOrder.ToPersianNumbers()</p>
+                <p><span class="up-verse-number">@Model.GetVerseCoupletNumber(verse).ToPersianNumbers()</span><span class="up-hint">ترتیب مصرع یا خط از ابتدا: @verse.VOrder.ToPersianNumbers()</span></p>
 
                 <div class="up-field">
                     <label for="id-@($"{verse.VOrder}")"><span class="up-field-icon" aria-hidden="true">📝</span> ویراستهٔ من</label>
@@ -970,7 +970,7 @@ else
                 </div>
 
                 <div class="up-btn-group">
-                    <a role="button" href="#savecorrections" class="up-btn up-btn--sm up-btn--ghost">💾 ذخیره</a>
+                    <a role="button" href="#savecorrections" class="up-btn up-btn--sm up-btn--ghost">⬇ رفتن به ذخیره</a>
                     @if (Model.ShowAdminOps && verse.VOrder > 1 && verse.VersePosition != RMuseum.Models.Ganjoor.VersePosition.Left)
                     {
                         <a role="button" id="breakpoem-@verse.VOrder" class="up-btn up-btn--sm up-btn--danger" onclick="breakPoem(@Model.PageInformation.Poem.Id, @verse.VOrder, '@verse.Text')">✂️ شکستن از اینجا</a>
@@ -1243,7 +1243,7 @@ else
             </div>
         </div>
 
-        <a role="button" href="#savecorrections" class="up-btn up-btn--sm up-btn--ghost">💾 ذخیره</a>
+        <a role="button" href="#savecorrections" class="up-btn up-btn--sm up-btn--ghost">⬇ رفتن به ذخیره</a>
     </div>
 
     <div class="up-card">
@@ -1332,7 +1332,7 @@ else
                         </div>
                     </div>
 
-                    <a role="button" href="#savecorrections" class="up-btn up-btn--sm up-btn--ghost">💾 ذخیره</a>
+                    <a role="button" href="#savecorrections" class="up-btn up-btn--sm up-btn--ghost">⬇ رفتن به ذخیره</a>
                 </div>
             }
         }
diff --git a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
index 24355fe5..ee990074 100644
--- a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="~/css/site.css" />
     <link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
     <link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
-    <link href="/css/user-panel.css?version=2" rel="stylesheet" type="text/css" />
+    <link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="~/lib/jquery/dist/jquery.min.js"></script>
@@ -526,7 +526,7 @@
 
     <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="~/js/site.js" asp-append-version="true"></script>
-    <script src="/js/user-panel.js?version=2"></script>
+    <script src="/js/user-panel.js?version=3"></script>
 
     @await RenderSectionAsync("Scripts", required: false)
 
diff --git a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
index ceab6f57..f9b18e08 100644
--- a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
     <link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
-    <link href="/css/user-panel.css?version=2" rel="stylesheet" type="text/css" />
+    <link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="~/lib/jquery/dist/jquery.min.js"></script>
@@ -192,7 +192,7 @@
 
     <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="~/js/site.js" asp-append-version="true"></script>
-    <script src="/js/user-panel.js?version=2"></script>
+    <script src="/js/user-panel.js?version=3"></script>
 
     @await RenderSectionAsync("Scripts", required: false)
     <div id="footer"></div>
diff --git a/GanjooRazor/wwwroot/css/user-panel.css b/GanjooRazor/wwwroot/css/user-panel.css
index 17f912e0..491078d4 100644
--- a/GanjooRazor/wwwroot/css/user-panel.css
+++ b/GanjooRazor/wwwroot/css/user-panel.css
@@ -712,6 +712,23 @@ body.up-modal-open {
     color: var(--up-danger-dark);
 }
 
+.up-verse-number {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 26px;
+    height: 26px;
+    padding: 0 8px;
+    border-radius: 999px;
+    background: var(--up-primary);
+    color: var(--up-on-primary);
+    font-weight: 600;
+    font-size: 0.85rem;
+    line-height: 1;
+    margin-inline-end: var(--up-space-2);
+    vertical-align: middle;
+}
+
 .up-form-actions {
     display: flex;
     gap: var(--up-space-2);