align the table of contents with the H1

mollymca · Nov 22, 2015 · 0edafd6 · 0edafd6
1 parent 68dadb3
commit 0edafd6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -15,10 +15,10 @@
  <body data-spy="scroll" data-target="#toc">
  <div class="container">
  <div class="row">
- <div class="col-sm-4">
+ <div class="col-sm-3">
  <nav id="toc" data-spy="affix" data-toggle="toc"></nav>
  </div>
- <div class="col-sm-8">
+ <div class="col-sm-9">
  {{ content }}
  </div>
  </div>

diff --git a/assets/screen.css b/assets/screen.css
@@ -1,10 +1,21 @@
-nav[data-toggle='toc'] {
- top: 30px;
+.container {
+ max-width: 800px;
+ padding-top: 40px;
+ padding-bottom: 40px;
 }
 
-/* override the Affix plugin so that the navigation isn't sticky on small screens */
+/* small screens */
 @media (max-width: 768px) {
+ /* override the Affix plugin so that the navigation isn't sticky */
  .affix {
  position: static;
  }
 }
+
+/* large screens */
+@media (min-width: 768px) {
+ h1:first-child {
+ margin-top: 0;
+ margin-bottom: 1.25em;
+ }
+}