From e9bf607d82cd13f4b9b03a140a3d3cf6ba18b51d Mon Sep 17 00:00:00 2001
From: David Manthey <david.manthey@kitware.com>
Date: Wed, 29 Aug 2018 11:21:12 -0400
Subject: [PATCH 1/2] Show more tutorials across the tutorial page.

When we first started showing tutorials, we only had a few.  Now that we
have more, show 4 across the entire content area instead of 3 across the
central 83% of the content area.
---
 website/themes/agency/layout/tutorials.ejs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/themes/agency/layout/tutorials.ejs b/website/themes/agency/layout/tutorials.ejs
index 14acf3bd6c..1edf7548da 100644
--- a/website/themes/agency/layout/tutorials.ejs
+++ b/website/themes/agency/layout/tutorials.ejs
@@ -1,6 +1,6 @@
 <div class="container page tutorials">
     <div class="row">
-        <div class="col-md-10 col-md-offset-1">
+        <div class="col-md-12">
             <section>
                 <h2>Tutorials</h2>
                 <p class="text-muted">It is easy to get started with GeoJS.  There is also an extensive API with numerous options for more sophisticated visualizations, too.  See the tutorials below.</p>
@@ -8,7 +8,7 @@
             </section>
             <div class="row">
             <% for(let tutorial of site.data.tutorials) { %>
-                <div class="col-md-4 col-sm-6 portfolio-item">
+                <div class="col-md-3 col-sm-4 portfolio-item">
                     <a class="portfolio-link" href="<%- tutorial.name %>">
                         <div class="portfolio-hover">
                         </div>

From feb2268ae9913909933d43beb05dbe6356ed9b72 Mon Sep 17 00:00:00 2001
From: David Manthey <david.manthey@kitware.com>
Date: Wed, 29 Aug 2018 11:21:55 -0400
Subject: [PATCH 2/2] On the website, when shrinking the top bar, shrink it
 further.

This gives more space to tutorials and examples.
---
 website/themes/agency/source/css/agency.css    | 4 ++--
 website/themes/agency/source/css/example.scss  | 4 ++--
 website/themes/agency/source/css/tutorial.scss | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/themes/agency/source/css/agency.css b/website/themes/agency/source/css/agency.css
index 3bcd757075..c656afff5e 100644
--- a/website/themes/agency/source/css/agency.css
+++ b/website/themes/agency/source/css/agency.css
@@ -209,7 +209,7 @@ h1, h2, h3, h4, h5, h6 {
     .navbar-custom.affix {
         background-color: #f7f7f7;
         border-bottom-color: #e5e5e5;
-        padding: 10px 0;
+        padding: 0px 0;
     }
     .navbar-custom.affix .navbar-brand {
         font-size: 1.5em;
@@ -824,4 +824,4 @@ img::-moz-selection {
 
 body {
     webkit-tap-highlight-color: #1b70b5;
-}
\ No newline at end of file
+}
diff --git a/website/themes/agency/source/css/example.scss b/website/themes/agency/source/css/example.scss
index 8f69773718..ce536c974e 100644
--- a/website/themes/agency/source/css/example.scss
+++ b/website/themes/agency/source/css/example.scss
@@ -6,7 +6,7 @@
 
     .content-wrapper{
         height: 100%;
-        padding-top: 70px;
+        padding-top: 50px;
     }
 
     .page.example{
@@ -59,4 +59,4 @@
     .screenshot-result img {
         width: 100%;
     }
-}
\ No newline at end of file
+}
diff --git a/website/themes/agency/source/css/tutorial.scss b/website/themes/agency/source/css/tutorial.scss
index ba21fd5c63..013cbc29c4 100644
--- a/website/themes/agency/source/css/tutorial.scss
+++ b/website/themes/agency/source/css/tutorial.scss
@@ -5,7 +5,7 @@ html, body {
 
 .content-wrapper{
     height: 100%;
-    padding-top: 70px;
+    padding-top: 50px;
 }
 
 .page.tutorial{