From 93629a4e6b223e65bfc6d1e3bf7ca399583e8aa5 Mon Sep 17 00:00:00 2001
From: Ryan <hi@sped0n.com>
Date: Wed, 26 Nov 2025 01:51:47 +0800
Subject: [PATCH] refactor(gallery): refine navClose with flexbox alignment and
 z-index (#536)

Replace text-align: right with display: flex, justify-content: flex-end for
consistent right alignment. Add height, z-index for layering, and adjust
margin/padding for better mobile gallery nav positioning.

Signed-off-by: Sped0n <hi@sped0n.com>
---
 assets/scss/_partial/_gallery.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/scss/_partial/_gallery.scss b/assets/scss/_partial/_gallery.scss
index 33195a9..8a77a9b 100644
--- a/assets/scss/_partial/_gallery.scss
+++ b/assets/scss/_partial/_gallery.scss
@@ -53,9 +53,18 @@
     align-items: center;
 
     .navClose {
-      min-width: 25%;
-      text-align: right;
       cursor: pointer;
+      z-index: calc(var(--z-nav-gallery) + 1);
+
+      min-width: 25%;
+      height: calc(var(--nav-height) * 2.5);
+
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      margin-right: calc(var(--space-standard) * -1);
+      padding-right: var(--space-standard);
     }
   }
 }