feat: optimized diff viewer element sizes layout

packages/ui/src/components/views/PierreDiffViewer.tsx

@@ -28,6 +28,14 @@ const WEBKIT_SCROLL_FIX_CSS = `
   [data-code] {
     -webkit-overflow-scrolling: touch;
   }
+  /* Reduce hunk separator height */
+  [data-separator-content] {
+    height: 24px !important;
+  }
+  [data-expand-button] {
+    height: 24px !important;
+    width: 24px !important;
+  }
 `;
 
 // Fast cache key - use length + samples instead of full hash

packages/ui/src/index.css

@@ -718,6 +718,11 @@ html:not(.dark) .chat-scroll {
   --diffs-gap-block: 0;
 }
 
+/* Desktop: slightly smaller diff code text */
+:root:not(.mobile-pointer) .pierre-diff-wrapper {
+  --diffs-font-size: 0.8125rem;
+}
+
 /* WebKit scroll rendering optimizations */
 /* Note: avoid will-change and contain as they break resize behavior */
 .pierre-diff-wrapper,