From f7b2c9a3dfc42e71e1c8770ecdfd5bf995712813 Mon Sep 17 00:00:00 2001
From: srbhr <srbh077@gmail.com>
Date: Wed, 31 Dec 2025 21:07:43 +0530
Subject: [PATCH] feat(resume): update resume styling and versioning

- Adjusted border styles for resume headers to improve aesthetics.
- Added versioning functionality to display the current app version dynamically.
- Introduced a new version configuration file for better version management.
---
 .claude/settings.local.json                              | 3 ++-
 apps/frontend/app/(default)/css/globals.css              | 6 +++---
 apps/frontend/app/(default)/settings/page.tsx            | 3 ++-
 apps/frontend/components/builder/resume-builder.tsx      | 5 ++++-
 apps/frontend/components/resume/resume-single-column.tsx | 2 +-
 apps/frontend/components/resume/resume-two-column.tsx    | 2 +-
 apps/frontend/lib/config/version.ts                      | 5 +++++
 7 files changed, 18 insertions(+), 8 deletions(-)
 create mode 100644 apps/frontend/lib/config/version.ts

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 970eb39..d8e486b 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -8,7 +8,8 @@
       "Bash(npm run lint:*)",
       "Bash(npm run build:*)",
       "Bash(cd:*)",
-      "Bash(npx tsc:*)"
+      "Bash(npx tsc:*)",
+      "Bash(export PATH=\"/usr/local/bin:/opt/homebrew/bin:$PATH\")"
     ]
   }
 }
diff --git a/apps/frontend/app/(default)/css/globals.css b/apps/frontend/app/(default)/css/globals.css
index 3162b8f..309c332 100644
--- a/apps/frontend/app/(default)/css/globals.css
+++ b/apps/frontend/app/(default)/css/globals.css
@@ -320,7 +320,7 @@
   font-family: var(--header-font);
   font-weight: 700;
   text-transform: uppercase;
-  border-bottom: 2px solid #000000;
+  border-bottom: 1px solid #9ca3af;
   margin-bottom: var(--item-gap);
   padding-bottom: 0.125rem;
   letter-spacing: 0.05em;
@@ -332,7 +332,7 @@
   font-family: var(--header-font);
   font-weight: 700;
   text-transform: uppercase;
-  border-bottom: 1px solid #000000;
+  border-bottom: 1px solid #9ca3af;
   margin-bottom: var(--item-gap);
   padding-bottom: 0.125rem;
   letter-spacing: 0.05em;
@@ -427,7 +427,7 @@
 
   .resume-body .resume-section-title,
   .resume-body .resume-section-title-sm {
-    border-bottom-color: #000000 !important;
+    border-bottom-color: #9ca3af !important;
     break-after: avoid !important;
     page-break-after: avoid !important;
   }
diff --git a/apps/frontend/app/(default)/settings/page.tsx b/apps/frontend/app/(default)/settings/page.tsx
index 7b13b16..4c81f9b 100644
--- a/apps/frontend/app/(default)/settings/page.tsx
+++ b/apps/frontend/app/(default)/settings/page.tsx
@@ -14,6 +14,7 @@ import {
   type LLMHealthCheck,
 } from '@/lib/api/config';
 import { API_URL } from '@/lib/api/client';
+import { getVersionString } from '@/lib/config/version';
 import { ToggleSwitch } from '@/components/ui/toggle-switch';
 import { useStatusCache } from '@/lib/context/status-cache';
 import { Button } from '@/components/ui/button';
@@ -691,7 +692,7 @@ export default function SettingsPage() {
         <div className="bg-[#E5E5E0] p-4 border-t border-black flex justify-between items-center">
           <div className="flex items-center gap-2">
             <img src="/logo.svg" alt="Resume Matcher" className="w-5 h-5" />
-            <span className="font-mono text-xs text-gray-500">RESUME MATCHER v1.0 (Aerodynamic)</span>
+            <span className="font-mono text-xs text-gray-500">{getVersionString().toUpperCase()}</span>
           </div>
           <div className="flex items-center gap-2">
             {statusLoading ? (
diff --git a/apps/frontend/components/builder/resume-builder.tsx b/apps/frontend/components/builder/resume-builder.tsx
index da2c631..d23d96c 100644
--- a/apps/frontend/components/builder/resume-builder.tsx
+++ b/apps/frontend/components/builder/resume-builder.tsx
@@ -730,7 +730,10 @@ const ResumeBuilderContent = () => {
 
         {/* Footer */}
         <div className="p-4 bg-[#F0F0E8] flex justify-between items-center font-mono text-xs text-blue-700 border-t border-black no-print">
-          <span className="uppercase font-bold">Resume Builder Module</span>
+          <span className="uppercase font-bold flex items-center gap-2">
+            <img src="/logo.svg" alt="Resume Matcher" className="w-5 h-5" />
+            Resume Builder Module
+          </span>
           <div className="flex items-center gap-4">
             <div className="flex items-center gap-2">
               <div className="w-2 h-2 bg-green-700"></div>
diff --git a/apps/frontend/components/resume/resume-single-column.tsx b/apps/frontend/components/resume/resume-single-column.tsx
index 911a95d..38b813e 100644
--- a/apps/frontend/components/resume/resume-single-column.tsx
+++ b/apps/frontend/components/resume/resume-single-column.tsx
@@ -203,7 +203,7 @@ export const ResumeSingleColumn: React.FC<ResumeSingleColumnProps> = ({
     <>
       {/* Header Section - Centered Layout (always first) */}
       {personalInfo && (
-        <header className="text-center resume-header border-b-2 border-black">
+        <header className="text-center resume-header border-b border-gray-400">
           {/* Name - Centered */}
           {personalInfo.name && (
             <h1 className="resume-name tracking-tight uppercase mb-1">{personalInfo.name}</h1>
diff --git a/apps/frontend/components/resume/resume-two-column.tsx b/apps/frontend/components/resume/resume-two-column.tsx
index 8b920d4..832069d 100644
--- a/apps/frontend/components/resume/resume-two-column.tsx
+++ b/apps/frontend/components/resume/resume-two-column.tsx
@@ -96,7 +96,7 @@ export const ResumeTwoColumn: React.FC<ResumeTwoColumnProps> = ({
     <>
       {/* Header Section - Centered Layout */}
       {personalInfo && (
-        <header className="text-center resume-header border-b-2 border-black">
+        <header className="text-center resume-header border-b border-gray-400">
           {/* Name - Centered */}
           {personalInfo.name && (
             <h1 className="resume-name tracking-tight uppercase mb-1">{personalInfo.name}</h1>
diff --git a/apps/frontend/lib/config/version.ts b/apps/frontend/lib/config/version.ts
new file mode 100644
index 0000000..51fcb6c
--- /dev/null
+++ b/apps/frontend/lib/config/version.ts
@@ -0,0 +1,5 @@
+export const APP_VERSION = '1.0';
+export const APP_CODENAME = 'Aerodynamic';
+export const APP_NAME = 'Resume Matcher';
+
+export const getVersionString = () => `${APP_NAME} v${APP_VERSION} (${APP_CODENAME})`;