From 3cd966dab6f3b5d7a5202eac68c9cfe63e690830 Mon Sep 17 00:00:00 2001
From: hhsaffar <hhsaffar@gmail.com>
Date: Tue, 10 Feb 2026 18:03:21 +0330
Subject: [PATCH] Update p8.css. Fixing circled-number-container class.

After changing the circled-number class's display property to inline-grid there was bug in showing circled numbers that didn't contain text (for example the one that points to the map section in the first page.). This commit fixes the bug.
---
 GanjooRazor/wwwroot/css/p8.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/GanjooRazor/wwwroot/css/p8.css b/GanjooRazor/wwwroot/css/p8.css
index 28b18317..edb1817e 100644
--- a/GanjooRazor/wwwroot/css/p8.css
+++ b/GanjooRazor/wwwroot/css/p8.css
@@ -1410,9 +1410,13 @@ audio {
 }
 
 .circled-number-container {
-    width: 100%;
-    display: inline-table;
+    width: 100%;    
     direction: ltr;
+    display: inline-flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    row-gap: 2px;
+    column-gap: 5px;
 }
 
 .circled-number, .circled-number-diff, .navbar-help-button {