From 4d5a659e1e49bd0be0c05fcea505cbe7f4a86314 Mon Sep 17 00:00:00 2001
From: Paul Gauthier <paul@aider.chat>
Date: Thu, 13 Mar 2025 19:39:55 -0700
Subject: [PATCH] style: Adjust container styles in recording.md

---
 aider/website/examples/recording.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/aider/website/examples/recording.md b/aider/website/examples/recording.md
index 6e24f2e9e..431d8837f 100644
--- a/aider/website/examples/recording.md
+++ b/aider/website/examples/recording.md
@@ -88,7 +88,7 @@ layout: minimal
 }
 </style>
 
-<div class="page-container">
+<div class="page-container" style="max-height: 80vh; max-width: 900px; margin-left: auto; margin-right: auto;">
 <div class="terminal-container">
   <div class="terminal-header">
     <div class="terminal-buttons">
@@ -174,7 +174,7 @@ document.addEventListener('DOMContentLoaded', function() {
 });
 </script>
 
-<div class="transcript-container" style="margin-top: 30px; padding: 20px; background-color: #f8f8f8; border-radius: 6px; max-height: 50vh; overflow-y: auto; font-family: monospace; white-space: pre-wrap; line-height: 1.5;">
+<div class="transcript-container" style="margin-top: 30px; padding: 20px; background-color: #f8f8f8; border-radius: 6px; max-height: 20vh: auto; font-family: monospace; white-space: pre-wrap; line-height: 1.5;">
   <div id="transcript-content">
   </div>
 </div>