SDL: examples: Make source code and console tabs take 80% of browser page. (2b0ce)

SDL Commits
1 
From 2b0ce9ae6e82dc2a0b9bc590a88fef2cac656421 Mon Sep 17 00:00:00 2001
From: "Ryan C. Gordon" <[EMAIL REDACTED]>
Date: Mon, 16 Feb 2026 13:17:55 -0500
Subject: [PATCH] examples: Make source code and console tabs take 80% of
 browser page.

Fixes #14997.

(cherry picked from commit 3d2af859348b0eddf9f465b96ac3c09a929bd6cc)
---
 examples/template.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/template.html b/examples/template.html
index 84568e4187f12..8cfd569fd9c8b 100644
--- a/examples/template.html
+++ b/examples/template.html
@@ -92,7 +92,7 @@
 
       #output-container:hover,
       #output-container:focus-within {
-        top: 50%;
+        top: 20%;
       }
 
       #output-container:focus-within {
@@ -151,7 +151,7 @@
 
       #source-code:hover,
       #source-code:focus-within {
-        top: 50%;
+        top: 20%;
       }
 
       #source-code:focus-within {
@@ -241,7 +241,7 @@ <h3>Other examples:</h3>
           return function(text) {
             var elem = document.getElementById('output-container');
             if (elem.style['top'] == '') {
-                elem.style['top'] = '50%';
+                elem.style['top'] = '20%';
                 setTimeout(function() { elem.style['top'] = ''; }, 3000);
             }