Updated button style and a few small tweaks to make other new feature…

…s work. Fixes #15.

assets/css/style.css

@@ -530,7 +530,7 @@ margin on the iframe, cause it breaks stuff. */
 }
 
 .m0a{
-  margin:0 auto;
+  margin: 0 auto;
 }
 
 /* Creates a responsive wrapper that makes our content scale nicely */
@@ -602,27 +602,43 @@ aside.note:before{
 .btn, button, input[type="button"]{
   color:white;
   background-color: #dd4814;
-  padding: .5% 2%;
+  background: -moz-linear-gradient(top, #dd4814 0%, #c23202 100%);
+  background: -webkit-gradient(left top, left bottom, color-stop(0%, #dd4814), color-stop(100%, #c23202));
+  background: -webkit-linear-gradient(top, #dd4814 0%, #c23202 100%);
+  background: -o-linear-gradient(top, #dd4814 0%, #c23202 100%);
+  background: -ms-linear-gradient(top, #dd4814 0%, #c23202 100%);
+  background: linear-gradient(to bottom, #dd4814 0%, #c23202 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4814', endColorstr='#c23202', GradientType=0 );
+  padding: 1% 3%;
   text-indent: 0;
-  font-size:1.2em;
+  font-size:1em;
   text-decoration: none;
   font-family: "Source Sans Pro", Helvetica, sans-serif;
   text-transform: uppercase;
-  letter-spacing: .05em;
-  margin:.5em !important;
+  margin:.5em auto !important;
   display: inline-block;
   text-align: center;
   font-weight: 900;
   margin: 0 auto;
   border-radius: 2px;
-  border:1px solid #dd4814;
-  box-shadow: 0 0 10px 0px orange inset;
+  border:1px solid #990000;
 }
 
 .btn:active, .btn:hover,  .btn.active, button:active, button:hover, input[type=button]:active, input[type="button"]:hover{
   color:white;
-  background-color: orange;
-  box-shadow: 0 0 10px -2px #dd4814 inset;
+  background: orange;
+  box-shadow: 0 0 10px -3px #dd4814 inset;
+  border:1px solid #dd4814;
+}
+
+.btn--full-width{
+  width: 100%;
+}
+
+.btn a, button a, input[type="button"] a,
+.btn a:hover, button a:hover, input[type="button"] a:hover{
+  color:white;
+  text-decoration: none;
 }
 
 /* Centres vertically yo. (IE8+) */

default.hbs

@@ -49,7 +49,7 @@
     </footer>
 
     <!--
-    This generates a handsome modal menu and hamburger icon. If you want to use it, edit menu.hbs and add your links (line ~146), then remove the ! from this helper to activate it
+    This generates a handsome modal menu and hamburger icon. If you want to use it, edit menu.hbs and add your links (line ~146), then remove the ! from this helper to activate it.
     -->
     {{!>menu}}