Tidy up navigation code

- use SASS variables for colours and spacing
- make navigation an include not a macro (because it doesn’t take any
  parameters)

app/templates/main_nav.html

@@ -1,5 +1,4 @@
-{% macro main_nav() %}
-  <nav id="navigation">
+<nav class="navigation">
   <h3><a href="{{ url_for('.dashboard') }}">Service name</a></h3>
   <ul>
     <li><a href="{{ url_for('.sendsms') }}">Send text messages</a></li>
@@ -16,5 +15,4 @@
   <ul>
     <li><a href="/user-profile">Your details</a></li>
   </ul>
-  </nav>
-{% endmacro %}
+</nav>

app/templates/withnav_template.html

@@ -4,7 +4,7 @@
 {% block fullwidth_content %}
 	<div class="grid-row">
 	  <div class="column-one-quarter">
-	    {{ main_nav() }}
+	    {% include "main_nav.html" %}
 	  </div>
 	  <div class="column-three-quarters">
 	    {% block maincolumn_content %}{% endblock %}