docs: Move updated below pagination so they don't overflow. #48

docs/themes/cypress/layout/page.swig

@@ -12,9 +12,11 @@
               {{ page_anchor(page.content) }}
             </div>
             <footer class="article-footer">
-              <time class="article-footer-updated" datetime="{{ date_xml(page.updated) }}" itemprop="dateModified">{{ __('page.last-updated', date(page.updated)) }}</time>
               {{ page_nav() }}
             </footer>
+            <div class="article-footer-updated">
+              <time datetime="{{ date_xml(page.updated) }}" itemprop="dateModified">{{ __('page.last-updated', date(page.updated)) }}</time>
+            </div>
             {{ partial('partial/comment') }}
           </div>
           <aside id="article-toc" role="navigation">

docs/themes/cypress/source/css/_partial/page.scss

@@ -368,35 +368,41 @@
 }
 
 .article-footer {
-  margin: 4em 0;
+  margin: 4em 0 0;
   border-top: 1px solid $color-border;
   text-align: center;
   color: $color-gray;
   line-height: 1em;
   padding-top: 2em;
   position: relative;
+
   &:before {
     content: "";
     display: table;
   }
+
   &:after {
     content: "";
     display: table;
     clear: both;
   }
 }
+
 .article-footer-prev, .article-footer-next {
   color: $color-link;
   text-decoration: none;
   font-weight: 400;
   font-family: $font-title;
   position: absolute;
+
   &:hover {
     color: $color-link-hover;
   }
+
   span {
     padding: 0 6px;
   }
+
   i {
     font-size: 0.8em;
   }
@@ -411,11 +417,30 @@
 }
 
 .article-footer-updated {
+  margin: 3em 0;
+  border-top: 1px solid $color-border;
+  text-align: center;
   font-size: 0.9em;
   font-family: $font-title;
   font-style: italic;
+  color: $color-gray;
+  line-height: 1em;
+  padding-top: 2em;
+  position: relative;
+
+  &:before {
+    content: "";
+    display: table;
+  }
+
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
 }
 
+
 .article-header {
   padding: 20px 0;
   &:before {