fix: improve page break handling to keep sections together

Author: kasvith

src/renderer/src/styles/print.css

@@ -1,4 +1,5 @@
 @media print {
+  /* Prevent page breaks inside elements */
   .prose h1,
   .prose h2,
   .prose h3,
@@ -10,6 +11,22 @@
     page-break-inside: avoid;
   }
 
+  /* Keep headings with following content */
+  .prose h1,
+  .prose h2,
+  .prose h3,
+  .prose h4,
+  .prose h5,
+  .prose h6 {
+    page-break-after: avoid;
+  }
+
+  /* Keep list items together */
+  .prose ul,
+  .prose ol {
+    page-break-inside: avoid;
+  }
+
   .prose h2 {
     font-size: 24pt;
   }
@@ -23,6 +40,24 @@
     page-break-before: always;
   }
 
+  /* Keep important sections together */
+  .notes-section {
+    page-break-inside: avoid;
+  }
+
+  .doctors-section {
+    page-break-inside: avoid;
+  }
+
+  .info-table {
+    page-break-inside: avoid;
+  }
+
+  .header-section {
+    page-break-inside: avoid;
+    page-break-after: avoid;
+  }
+
   @page {
     size: A4;
     margin-top: 0.75in;

src/renderer/src/styles/screen.css

@@ -537,6 +537,7 @@ body {
 /* Notes section styling */
 .notes-section {
   margin-top: 12px;
+  page-break-inside: avoid;
 }
 
 .section-header {
@@ -545,6 +546,12 @@ body {
   padding-bottom: 4px;
   margin-bottom: 8px;
   font-size: 18px;
+  page-break-after: avoid;
+}
+
+/* Prevent orphaned headers - keep with following content */
+.section-header + .prose {
+  page-break-before: avoid;
 }
 
 /* Print button */