From e05b9823075ab29ad52184c8199012ad00cccef4 Mon Sep 17 00:00:00 2001
From: Doh <mydohsimpson@gmail.com>
Date: Wed, 20 Aug 2025 17:14:32 -0400
Subject: [PATCH] feat: mobile navigation text centering and v0.2.27 release
 (#177)

---
 CHANGELOG.md                    | 6 ++++++
 CLAUDE.md                       | 2 +-
 components/MobileNavDisplay.tsx | 2 +-
 package.json                    | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9f2cad9..e937402 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## Version 0.2.27
+
+### Fixed
+
+* Mobile navigation text centering and sizing for multi-word translations
+
 ## Version 0.2.26
 
 ### Improved
diff --git a/CLAUDE.md b/CLAUDE.md
index e8c5ff2..6822813 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -28,7 +28,7 @@ HabitTrove is a gamified habit tracking PWA built with Next.js 15, TypeScript, a
 
 ### Creating a New Version
 1. Update version in `package.json`
-2. Update `CHANGELOG.md` with new version and changes (follow existing patterns in the file)
+2. Update `CHANGELOG.md` with new version and changes (follow existing patterns in the file, keep entries concise - ideally 1 line per change)
 3. Run `npm run typecheck && npm run lint` to ensure code quality
 4. Commit changes: `git add . && git commit -m "feat: description"`
   * Follow Conventional Commits Standard: `<type>[scope]: <description>` (e.g., `feat(auth): add OAuth integration`, `fix: resolve memory leak in task loader`).
diff --git a/components/MobileNavDisplay.tsx b/components/MobileNavDisplay.tsx
index 7967649..0cdd760 100644
--- a/components/MobileNavDisplay.tsx
+++ b/components/MobileNavDisplay.tsx
@@ -50,7 +50,7 @@ export default function MobileNavDisplay({ navItems }: MobileNavDisplayProps) {
               className="flex flex-col items-center justify-center py-2 text-gray-600 dark:text-gray-300 hover:text-blue-500 dark:hover:text-blue-400"
             >
               <item.icon className="h-6 w-6" />
-              <span className="text-xs mt-1">{item.label}</span>
+              <span className="text-[0.625rem] mt-1 text-center leading-tight">{item.label}</span>
             </Link>
           ))}
         </div>
diff --git a/package.json b/package.json
index 357c233..8e67ba2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "habittrove",
-  "version": "0.2.26",
+  "version": "0.2.27",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",