feat: mobile navigation text centering and v0.2.27 release (#177)

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

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`).

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>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "habittrove",
-  "version": "0.2.26",
+  "version": "0.2.27",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",