From 490c66ef5d09a33843355db03683e241bf7d179f Mon Sep 17 00:00:00 2001
From: John Benediktsson <mrjbq7@gmail.com>
Date: Thu, 27 Feb 2020 16:09:03 -0800
Subject: [PATCH] webapps.help: sync with help.html.

---
 extra/webapps/help/search.xml | 64 ++++++++++++++++++++++++++++-------
 1 file changed, 51 insertions(+), 13 deletions(-)
diff --git a/extra/webapps/help/search.xml b/extra/webapps/help/search.xml
index 35a9d1ef1e..c168052c86 100644
--- a/extra/webapps/help/search.xml
+++ b/extra/webapps/help/search.xml
@@ -8,32 +8,69 @@
         <t:base t:href="$help-webapp/content/" />
         <title>Search - Factor Documentation</title>
         <style>
-            a:link { text-decoration: none; color: #104e8b; }
-            a:visited { text-decoration: none; color: #104e8b; }
-            a:active { text-decoration: none; color: #104e8b; }
-            a:hover { text-decoration: underline; color: #104e8b; }
+            html {
+                box-sizing: border-box;
+            }
+
+            *, *:before, *:after {
+                box-sizing: inherit;
+            }
 
             body {
-                font-family: sans-serif; font-style: normal
+                margin: 0;
+                font-family: sans-serif;
                 font-size: 12pt;
+                line-height: 140%;
+            }
+
+            a { color: #104e8b; }
+            a:link, a:visited, a:active { text-decoration: none; }
+            a:hover { text-decoration: underline; }
+
+            input {
+                border: 1px solid #999999;
+                font-size: smaller;
+                border-radius: 3px;
+            }
+
+            #container {
+                max-width: 800px;
             }
 
             .navbar {
-                background-color: #f3f2ea;
-                padding: 5px;
-                border: 1px solid #ccc;
-                font: 9pt sans-serif;
-                margin-bottom: 10px;
+                margin: 0;
+                padding: 15px;
+                border-bottom: 1px solid #ccc;
             }
 
-            h2 { background-color: #f5f5f5; color: #222; }
-            hr { border: 0; background-color: #ccc; color: #ccc; height: 1px; }
+            .navbar a {
+                margin-right: 10px;
+            }
+
+            .page {
+                margin: 15px;
+            }
+
+            h2 {
+                padding: 10px;
+                background-color: #f5f5f5;
+                color: #222;
+            }
+
+            hr {
+                border: 0;
+                background-color: #ccc;
+                color: #ccc;
+                height: 1px;
+            }
         </style>
     </head>
 
     <body>
+    <div id="container">
 		<t:html t:name="navbar"/>
 
+        <div class="page">
         <t:if t:value="articles">
             <h2>Articles</h2>
             <ul>
@@ -66,7 +103,8 @@
         documentation, generated offline from a
         <code>load-all</code> image. If you want, you can also browse the
         documentation from within the <a href="http://factorcode.org" target="_top">Factor</a> UI.</p>
-
+        </div>
+    </div>
     </body>
 </html>
 
