fix: v0.6.2 - adjust PDF layout for better spacing

PixPMusic · PixPMusic · commit ddd7cbd477fc · 2025-12-10T17:24:49.000-08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file.
 
+## [0.6.2] - 2025-12-10
+
+### Fixes
+
+- Adjusted PDF layout for better spacing.
+
 ## [0.6.1] - 2025-12-10
 
 ### Fixes
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pixels-portfolio",
   "description": "Alex Jankowiak's Personal Portfolio & CV",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "private": true,
   "author": "Alex Jankowiak <me@pixp.cc>",
   "trustedDependencies": [
diff --git a/public/cv.pdf b/public/cv.pdf
diff --git a/src/pages/pdf.astro b/src/pages/pdf.astro
@@ -34,14 +34,14 @@ const shouldRenderSection = (section: keyof typeof sections) => sections[section
   <body class="flex flex-col bg-white">
     {
       shouldRenderSection('main') && (
-        <div class="mb-4">
+        <div class="mb-2">
           <MainSection {...sections.main} />
         </div>
       )
     }
     {
       shouldRenderSection('skills') && (
-        <div class="mb-4">
+        <div class="mb-2">
           <SkillsSection {...sections.skills} />
         </div>
       )
@@ -55,21 +55,21 @@ const shouldRenderSection = (section: keyof typeof sections) => sections[section
     }
     {
       shouldRenderSection('portfolio') && (
-        <div class="mb-4 break-before-page">
+        <div class="mb-9 break-before-page">
           <PortfolioSection {...sections.portfolio} />
         </div>
       )
     }
     {
       shouldRenderSection('education') && (
-        <div class="">
+        <div class="mb-7">
           <EducationSection {...sections.education} />
         </div>
       )
     }
     {
       shouldRenderSection('testimonials') && (
-        <div class="mb-4">
+        <div class="">
           <TestimonialsSection {...sections.testimonials} />
         </div>
       )
diff --git a/src/pdf/components/list-item-heading.astro b/src/pdf/components/list-item-heading.astro
@@ -14,11 +14,8 @@ const { title, subtitle, dates, iconLink } = Astro.props;
 ---
 
 <div>
-  <div class="flex items-start justify-between">
-    <div>
-      <div class="text-lg font-extrabold text-gray-900">{title}</div>
-      {subtitle && <div class="text-md -mt-0.5 font-medium text-gray-700">{subtitle}</div>}
-    </div>
+  <div class="flex items-center justify-between">
+    <div class="text-lg font-extrabold text-gray-900">{title}</div>
     {
       iconLink ? (
         <a
@@ -29,8 +26,9 @@ const { title, subtitle, dates, iconLink } = Astro.props;
           {iconLink.value}
         </a>
       ) : (
-        dates && <DateRangeTag class="mt-0.5" dates={dates} />
+        dates && <DateRangeTag dates={dates} />
       )
     }
   </div>
+  {subtitle && <div class="text-md -mt-0.5 font-medium text-gray-700">{subtitle}</div>}
 </div>

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "pixels-portfolio",`
`3`	`3`	`"description": "Alex Jankowiak's Personal Portfolio & CV",`
`4`		`- "version": "0.6.1",`
	`4`	`+ "version": "0.6.2",`
`5`	`5`	`"private": true,`
`6`	`6`	`"author": "Alex Jankowiak <me@pixp.cc>",`
`7`	`7`	`"trustedDependencies": [`
Original file line number	Diff line number	Diff line change
`@@ -34,14 +34,14 @@ const shouldRenderSection = (section: keyof typeof sections) => sections[section`
`34`	`34`	`<body class="flex flex-col bg-white">`
`35`	`35`	`{`
`36`	`36`	`shouldRenderSection('main') && (`
`37`		`- <div class="mb-4">`
	`37`	`+ <div class="mb-2">`
`38`	`38`	`<MainSection {...sections.main} />`
`39`	`39`	`</div>`
`40`	`40`	`)`
`41`	`41`	`}`
`42`	`42`	`{`
`43`	`43`	`shouldRenderSection('skills') && (`
`44`		`- <div class="mb-4">`
	`44`	`+ <div class="mb-2">`
`45`	`45`	`<SkillsSection {...sections.skills} />`
`46`	`46`	`</div>`
`47`	`47`	`)`
`@@ -55,21 +55,21 @@ const shouldRenderSection = (section: keyof typeof sections) => sections[section`
`55`	`55`	`}`
`56`	`56`	`{`
`57`	`57`	`shouldRenderSection('portfolio') && (`
`58`		`- <div class="mb-4 break-before-page">`
	`58`	`+ <div class="mb-9 break-before-page">`
`59`	`59`	`<PortfolioSection {...sections.portfolio} />`
`60`	`60`	`</div>`
`61`	`61`	`)`
`62`	`62`	`}`
`63`	`63`	`{`
`64`	`64`	`shouldRenderSection('education') && (`
`65`		`- <div class="">`
	`65`	`+ <div class="mb-7">`
`66`	`66`	`<EducationSection {...sections.education} />`
`67`	`67`	`</div>`
`68`	`68`	`)`
`69`	`69`	`}`
`70`	`70`	`{`
`71`	`71`	`shouldRenderSection('testimonials') && (`
`72`		`- <div class="mb-4">`
	`72`	`+ <div class="">`
`73`	`73`	`<TestimonialsSection {...sections.testimonials} />`
`74`	`74`	`</div>`
`75`	`75`	`)`