From 6938f49ba3228eab6a49c1dc9fee93d69ff86e3e Mon Sep 17 00:00:00 2001
From: ading2210 <ading2019@gmail.com>
Date: Thu, 25 May 2023 00:23:53 -0400
Subject: [PATCH] limit content width

---
 index.html           | 3 ++-
 static/css/style.css | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e6ebea8..4078b60 100644
--- a/index.html
+++ b/index.html
@@ -56,7 +56,8 @@ <h1>Defog Your Chromebook</h1>
       </a>
     </div>
 
-    <div style="height:170vh">
+    <div id="spacer" style="height: 30px;">
+      <script>document.getElementById("spacer").style.height = "170vh"</script>
     </div>
 
     <div class="description" id="instructions">
diff --git a/static/css/style.css b/static/css/style.css
index 16ff05f..dd11d8c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -44,7 +44,6 @@ body {
   padding: 12px;
   margin-top: 64px;
   z-index: 1;
-  width: 100%
 }
 #content h1 {
   margin-bottom: 4px;
@@ -66,7 +65,7 @@ body {
   align-items: center;
 }
 .description > * {
-  max-width: 80%;
+  max-width: min(80%, 800px);
 }
 .description p {
   font-size: 17px;
@@ -105,6 +104,8 @@ body {
 
 pre {
   font-family: monospace;
+  word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 button2 {