From e11a59f02d7e02b5370ff6117feb36ea21efd41f Mon Sep 17 00:00:00 2001
From: mahdiarghyani <mahdiarghyani12@gmail.com>
Date: Mon, 8 Dec 2025 17:35:33 +0330
Subject: [PATCH] style: refine language switcher width and improve PDF resume
 spacing

- Update LanguageSwitcher component width from 76px to 77px on small screens for better alignment
- Adjust PDF generation CSS padding from 1rem to 1.2rem for improved content spacing
- Increase section margin-bottom from 1.5rem to 1.85rem for better visual separation
- Enhance section heading margins and padding for improved readability
- Adjust work experience block spacing from 1rem to 1.15rem
- Refine bullet list spacing with margin-bottom increased to 0.38rem
- Improve line-height values across paragraphs (1.82rem) and list items (1.52rem) for better readability
- Update CSS comments to reflect readability improvements rather than page-fitting constraints
- Ensure consistent spacing between web and PDF versions while maintaining 2-page layout
---
 app/components/LanguageSwitcher.vue |  2 +-
 server/api/resume/pdf.get.ts        | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/components/LanguageSwitcher.vue b/app/components/LanguageSwitcher.vue
index 14aeb22..958a4a6 100644
--- a/app/components/LanguageSwitcher.vue
+++ b/app/components/LanguageSwitcher.vue
@@ -3,7 +3,7 @@
     <!-- Nuxt UI Select-based language picker -->
     <USelect v-model="model" :items="items" value-key="value" size="sm" color="primary" variant="soft"
       :highlight="false" arrow :trailing="true" placeholder="Language"
-      class="px-1 w-[64px] sm:w-[76px] rounded-full ring-1 ring-gray-200/70 dark:ring-gray-700/60 backdrop-blur-md shadow-sm h-[25px] hover:ring-primary-500/50 hover:shadow-md transition-all duration-200"
+      class="px-1 w-[64px] sm:w-[77px] rounded-full ring-1 ring-gray-200/70 dark:ring-gray-700/60 backdrop-blur-md shadow-sm h-[25px] hover:ring-primary-500/50 hover:shadow-md transition-all duration-200"
       :ui="{
         base: 'rounded-full',
         trailingIcon: 'text-dimmed group-data-[state=open]:rotate-180 transition-transform duration-200',
diff --git a/server/api/resume/pdf.get.ts b/server/api/resume/pdf.get.ts
index eeb4f30..03eba75 100644
--- a/server/api/resume/pdf.get.ts
+++ b/server/api/resume/pdf.get.ts
@@ -59,7 +59,7 @@ export default defineEventHandler(async (event) => {
     // Additional wait to ensure all dynamic content is rendered
     await new Promise(resolve => setTimeout(resolve, 1000))
 
-    // Inject critical CSS fixes for PDF generation - optimized for exactly 2 pages
+    // Inject critical CSS fixes for PDF generation - balanced spacing like web version
     await page.addStyleTag({
       content: `
         @page {
@@ -100,12 +100,12 @@ export default defineEventHandler(async (event) => {
         }
         
         .resume-content {
-          padding: 1rem !important;
+          padding: 1.2rem !important;
         }
         
-        /* Balanced spacing for sections - fits exactly 2 pages */
+        /* Balanced spacing for sections - fits exactly 2 pages with better readability */
         section {
-          margin-bottom: 1.5rem !important;
+          margin-bottom: 1.85rem !important;
           page-break-inside: auto !important;
           break-inside: auto !important;
         }
@@ -116,38 +116,38 @@ export default defineEventHandler(async (event) => {
         
         /* Section titles */
         section h2 {
-          margin-bottom: 0.7rem !important;
-          padding-bottom: 0.3rem !important;
+          margin-bottom: 0.85rem !important;
+          padding-bottom: 0.38rem !important;
           page-break-after: avoid !important;
           break-after: avoid !important;
         }
         
         /* Work experience job blocks */
         section > div {
-          margin-bottom: 1rem !important;
+          margin-bottom: 1.15rem !important;
         }
         
         section > div:last-child {
           margin-bottom: 0 !important;
         }
         
-        /* Bullet lists */
+        /* Bullet lists - balanced breathing room */
         ul {
-          margin-top: 0.5rem !important;
+          margin-top: 0.58rem !important;
         }
         
         ul li {
-          margin-bottom: 0.25rem !important;
-          line-height: 1.45 !important;
+          margin-bottom: 0.38rem !important;
+          line-height: 1.52 !important;
         }
         
         strong {
           font-weight: 700 !important;
         }
         
-        /* Summary paragraph - more line height */
+        /* Summary paragraph - good line height for readability */
         section > p {
-          line-height: 1.75 !important;
+          line-height: 1.82 !important;
         }
       `,
     })