footer area tweaks. resolves #26

Author: bulletfactory

_includes/page-footer.html

@@ -2,7 +2,7 @@
   <div class="wrapper">
     <div class="page-section__column-wrap">
       <h2 class="section-header">Contact</h2>
-      <div class="page-section__column">
+      <div class="page-section__full">
         <hr class="hr">
         <h3 class="section-subhead">Get in Touch</h3>
         <ul class="links-list">
@@ -24,11 +24,10 @@ <h3 class="section-subhead">Get in Touch</h3>
         </ul>
       </div>
       <div class="page-section__column">
-        <ul class="btn-group">
-          <!-- <li class="btn-group__item"><a class="btn btn--outline" href="#">Live demo</a></li> -->
+        <ul class="btn-group footer-btn">
           <li class="btn-group__item"><a class="btn btn--secondary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a></li>
         </ul>
-        <ul class="links-list links-list--margin" id="footerAnchors">
+        <!-- <ul class="links-list links-list--margin" id="footerAnchors">
           <li class="links-list__item">
             <a class="links-list__link anchor" href="#overview"><strong>Overview</strong></a>
           </li>
@@ -50,7 +49,7 @@ <h3 class="section-subhead">Get in Touch</h3>
           <li class="links-list__item">
             <a class="links-list__link" href="https://answers.launchpad.net/graphite" target="_blank"><strong>Support</strong></a>
           </li>
-        </ul>
+        </ul> -->
       </div>
     </div>
   </div>

_sass/components/_lists.scss

@@ -33,6 +33,12 @@
   }
 }
 
+.footer-btn {
+  position: absolute; 
+  right: 56px; 
+  top:120px;
+}
+
 .btn-group__item {
   display: block;
   margin-bottom: rem-calc(20);
@@ -49,4 +55,4 @@
   &:last-child {
     margin-bottom: 0;
   }
-}
+}