initializr base version

templates/newPitStopForm.html

@@ -1,19 +1,32 @@
 {% extends "layout.html" %}
+
+{% block navigation %}
+{% endblock %}	
+
 {% block body %}
 	{% if data.error %}
 	<div>
 		<p class='error'><strong>Error:</strong> {{ data.error }}</p>
 	</div>
 	{% endif %}
-	<form action="{{ url_for('createPitStop') }}" method='post'>
-		<label for='date'>Date of Pitstop</label>
-		<input type='date' name='date' id='date' value='{{ data.last.date }}'/>
-		<br />
-		<label for='odometer'>Odometer</label>
-		<input type='text' name='odometer' id='odometer' value='{{ data.last.odometer }}'/>
-		<label for='litres'>Litres fuelled</label>
-		<input type='text' name='litres' id='litres' value='{{ data.last.litres }}'/>
-    	<input type='submit' value='Log pit stop'>
+	<form class="form" action="{{ url_for('createPitStop') }}" method='post'>
+		<ul>
+			<li>
+				<label for='date'>Date of Pitstop:</label>
+				<input type='date' name='date' id='date' value='{{ data.last.date }}'/>
+			</li>
+			<li>
+				<label for='odometer'>Odometer:</label>
+				<input type='text' name='odometer' id='odometer' value='{{ data.last.odometer }}'/>
+			</li>
+			<li>
+				<label for='litres'>Litres fuelled:</label>
+				<input type='text' name='litres' id='litres' value='{{ data.last.litres }}'/>
+    		</li>
+    		<li>
+    			<button class="submit" type="submit">Log pit stop</button>
+    			<a  href="{{ url_for('getPitStops') }}">Abort</a>
+    		</li>
+    	</ul>
   </form>
-	
 {% endblock %}