From eb340c74ace39ca973c5ca192b0116ebadd1724d Mon Sep 17 00:00:00 2001
From: Paul Gauthier <paul@aider.chat>
Date: Thu, 13 Mar 2025 19:28:09 -0700
Subject: [PATCH] style: Adjust max-height styling in recording example page

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

diff --git a/aider/website/examples/recording.md b/aider/website/examples/recording.md
index 2ada9957b..831c7488b 100644
--- a/aider/website/examples/recording.md
+++ b/aider/website/examples/recording.md
@@ -88,6 +88,7 @@ layout: minimal
 }
 </style>
 
+<div class="page-container" style="max-height: 80vh;">
 <div class="terminal-container">
   <div class="terminal-header">
     <div class="terminal-buttons">
@@ -97,7 +98,7 @@ layout: minimal
     </div>
     <div class="terminal-title">aider</div>
   </div>
-  <div id="demo" style="max-height: 80vh;"></div>
+  <div id="demo"></div>
 </div>
 <script src="/assets/asciinema/asciinema-player.min.js"></script>
 
@@ -177,5 +178,6 @@ document.addEventListener('DOMContentLoaded', function() {
   <div id="transcript-content">
   </div>
 </div>
+</div>
+
 
-