From 77007eacdf0dec08c10ad3032378190ae962c79c Mon Sep 17 00:00:00 2001
From: MICHAEL JACKSON <mjijackson@gmail.com>
Date: Tue, 30 May 2017 10:03:02 -0700
Subject: [PATCH] More generous gutters and margins on index pages

---
 server/middleware/components/IndexPage.css |  6 +++++-
 server/middleware/components/IndexPage.js  | 20 +++++++++++---------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/server/middleware/components/IndexPage.css b/server/middleware/components/IndexPage.css
index b093a52..b47087d 100644
--- a/server/middleware/components/IndexPage.css
+++ b/server/middleware/components/IndexPage.css
@@ -23,9 +23,13 @@ th {
   text-align: left;
 }
 th, td {
-  padding: 0.1em 0.25em;
+  padding: 0.25em 0.5em;
 }
 
+.content-wrapper {
+  max-width: 900px;
+  margin: 0 auto;
+}
 .version-wrapper {
   line-height: 2.25em;
   float: right;
diff --git a/server/middleware/components/IndexPage.js b/server/middleware/components/IndexPage.js
index df8c854..0770208 100644
--- a/server/middleware/components/IndexPage.js
+++ b/server/middleware/components/IndexPage.js
@@ -30,15 +30,17 @@ const IndexPage = ({ packageInfo, version, dir, entries }) => {
         e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } })
       ),
       e('body', null,
-        e('div', { className: 'version-wrapper' },
-          e('select', { id: 'version', defaultValue: version }, options)
-        ),
-        e('h1', null, `Index of ${dir}`),
-        e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
-        e('hr'),
-        e(DirectoryListing, { dir, entries }),
-        e('hr'),
-        e('address', null, `${packageInfo.name}@${version}`)
+        e('div', { className: 'content-wrapper' },
+          e('div', { className: 'version-wrapper' },
+            e('select', { id: 'version', defaultValue: version }, options)
+          ),
+          e('h1', null, `Index of ${dir}`),
+          e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
+          e('hr'),
+          e(DirectoryListing, { dir, entries }),
+          e('hr'),
+          e('address', null, `${packageInfo.name}@${version}`)
+        )
       )
     )
   )