some styling updates (smaller max-width, more margin around h1)

Author: jorisvandenbossche

web/pandas/_templates/layout.html

@@ -56,9 +56,11 @@
             </nav>
         </header>
         <main role="main">
-            <div class="container">
+            {% block body_container %}
+            <div class="container container-main">
                 {% block body %}{% endblock %}
             </div>
+            {% endblock %}
         </main>
         <footer class="container pt-4 pt-md-5 border-top">
             <ul class="list-inline social-buttons float-end">

web/pandas/index.html

@@ -1,5 +1,5 @@
 {% extends "layout.html" %}
-{% block body %}
+{% block body_container %}
     <div class="container">
         <div class="row">
             <div class="col-md-9">

web/pandas/static/css/pandas.css

@@ -9,6 +9,7 @@ h1 {
     font-size: 2.4rem;
     font-weight: 700;
     color: #130654;
+    margin: 2.4rem 0 2.4rem;
 }
 h2 {
     font-size: 1.8rem;
@@ -136,6 +137,12 @@ h2:hover a.headerlink, h3:hover a.headerlink {
     transition: opacity 0.5s;
 }
 
+@media (min-width: 992px) {
+  .container-main {
+    max-width: 960px;
+  }
+}
+
 
 /** Copied from the pydata-sphinx-theme **/
  div.admonition, .admonition {