From 13de434e6cc2f7c698458e447a9eb660496757e5 Mon Sep 17 00:00:00 2001
From: Michael Sitz <rmsitz@gmail.com>
Date: Thu, 20 Aug 2026 16:49:54 -0400
Subject: [PATCH] Fixing some browser weirdness with widths and such

---
 templates/course_dashboard.html |  3 ++-
 templates/lesson_view.html      | 10 +++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/templates/course_dashboard.html b/templates/course_dashboard.html
index af1f22e..8f58d9a 100644
--- a/templates/course_dashboard.html
+++ b/templates/course_dashboard.html
@@ -19,7 +19,8 @@
         }
 
         .container {
-            max-width: 1200px;
+            max-width: 1600px;
+            width: 95%;
             margin: 0 auto;
             padding: 20px;
         }
diff --git a/templates/lesson_view.html b/templates/lesson_view.html
index a728e46..1f46174 100644
--- a/templates/lesson_view.html
+++ b/templates/lesson_view.html
@@ -10,8 +10,9 @@
             color: #e0e0e0;
         }
         .container { 
-            max-width: 1000px; 
-            margin: 0 auto; 
+            max-width: 1600px; 
+            width: 95%;
+            margin: 20px auto; 
             background: #2d2d2d;
             padding: 20px;
             border-radius: 8px;
@@ -80,6 +81,8 @@
             padding: 20px;
             border-radius: 5px;
             margin: 20px 0;
+        }
+        .text-content.plain-text {
             max-height: 600px;
             overflow-y: auto;
             white-space: pre-wrap;
@@ -199,7 +202,7 @@
                 contentDiv.innerHTML = `
                     <iframe
                         src="/files/${encodeURIComponent(filePath)}"
-                        style="width: 100%; height: 800px; border: none; border-radius: 5px; background: #fff;"
+                        style="width: 100%; height: 85vh; border: none; border-radius: 5px; background: #fff;"
                         title="${filePath.split('/').pop()}"
                     ></iframe>
                 `;
@@ -223,6 +226,7 @@
                     .then(content => {
                         console.log('Content loaded successfully, length:', content.length);
                         if (contentDiv) {
+                            contentDiv.classList.add('plain-text');
                             // Check if it's HTML content
                             if (content.trim().startsWith('<') && content.includes('</')) {
                                 contentDiv.innerHTML = content;