page fixes

_includes/buttons-front.html

@@ -1,6 +1,6 @@
 <div class='buttons'>
   <a class='button red' href='/all'>→ View all Tools</a>
-  <a class='button' href='/deprecated/'>⚠ Deprecated Tools</a>
+  <a class='button orange' href='/deprecated/'>⚠ Deprecated Tools</a>
   <a class='button' href='/uploads/download.pdf'>↓ Download as PDF</a>
   <a class='button' href='https://github.com/drupaltools/drupaltools.github.io#contributing'>+ Add your Project</a>
 </div>

_includes/buttons.html

@@ -2,6 +2,6 @@
   <a class='button red' href='/'>← Back to Popular</a>
   <a class='button hide-on-table' href='/all/table/'>→ Display as Table</a>
   <a class='button hide-on-grid' href='/all/'>→ Display as Grid</a>
-  <a class='button' href='/deprecated/'>⚠ Deprecated Tools</a>
+  <a class='button orange' href='/deprecated/'>⚠ Deprecated Tools</a>
   <a class='button' href='https://github.com/drupaltools/drupaltools.github.io#contributing'>+ Add your Project</a>
 </div>

_sass/_layout.scss

@@ -193,20 +193,24 @@
 
 .button {
   display: inline-block;
+  margin-left: 2px;
+  margin-right: 2px;
   text-decoration: none;
-  padding: 4px 8px;
-  background: #ff7a00;
-  color: #fff !important;
+  padding: 6px 10px;
+  background: $site-blue;
   border-radius: 3px;
+  color: #fff;
 
   &:hover,
   &:focus {
-    background: #cc6200;
-    color: #fff !important;
     text-decoration: none;
   }
 }
 
+.orange {
+  background: #ff7a00;
+}
+
 .red {
   background: #d01111;
 }