From d0559bf8c90dc56fa56838ed939cbd9b38564bd0 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Wed, 14 Jan 2026 15:50:48 +0100
Subject: [PATCH] Align gallery layout with achievements structure

---
 resources/js/guest/pages/GalleryPage.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/resources/js/guest/pages/GalleryPage.tsx b/resources/js/guest/pages/GalleryPage.tsx
index f15555f..a2c6746 100644
--- a/resources/js/guest/pages/GalleryPage.tsx
+++ b/resources/js/guest/pages/GalleryPage.tsx
@@ -308,14 +308,13 @@ export default function GalleryPage() {
   return (
     <Page title="">
       <div className="relative">
-        <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(236,72,153,0.10),_transparent_60%)] dark:bg-[radial-gradient(circle_at_top,_rgba(236,72,153,0.22),_transparent_65%)]" aria-hidden />
         <PullToRefresh
           onRefresh={handleRefresh}
           pullLabel={t('common.pullToRefresh')}
           releaseLabel={t('common.releaseToRefresh')}
           refreshingLabel={t('common.refreshing')}
         >
-          <motion.div className="space-y-4 px-2 pb-14" {...containerMotion}>
+          <motion.div className="space-y-6 pb-24" {...containerMotion}>
             <motion.div className="space-y-2" style={bodyFont ? { fontFamily: bodyFont } : undefined} {...fadeUpMotion}>
               <div className="flex flex-wrap items-center justify-between gap-2">
                 <div className="flex items-center gap-3">
@@ -324,7 +323,7 @@ export default function GalleryPage() {
                   </div>
                   <div>
                     <div className="flex flex-wrap items-center gap-2">
-                      <h1 className="text-lg font-semibold text-foreground" style={headingFont ? { fontFamily: headingFont } : undefined}>{t('galleryPage.title')}</h1>
+                      <h1 className="text-2xl font-semibold text-foreground" style={headingFont ? { fontFamily: headingFont } : undefined}>{t('galleryPage.title')}</h1>
                       <span
                         className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-[11px] font-semibold ${badgeEmphasisClass}`}
                         style={{ borderRadius: radius }}