From fc8493a5571eb7397ef5a02009b8e8a7a556c246 Mon Sep 17 00:00:00 2001
From: Joe Groocock <frebib@gmail.com>
Date: Sat, 1 Apr 2017 00:00:50 +0100
Subject: [PATCH] Style the buy page somewhat

---
 templates/buy.html | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/templates/buy.html b/templates/buy.html
index 4509fe9..7a21460 100644
--- a/templates/buy.html
+++ b/templates/buy.html
@@ -1,8 +1,29 @@
 {% extends "layout.html" %}
 
-{% block body %}
-<form method="post">
-  Username: <input type="text" name="username" required>
-  <button type="submit">Get me that juicy Plus!</button>
-</form>
+{% block style %}
+.jumbotron { text-align: center; }
+h1.label {
+    display: inline-block;
+    margin-bottom: 0.3em;
+}
+form input, form button {
+    display: block;
+    margin: 0 auto;
+}
+.form-control {
+    width: 40%;
+    min-width: 280px;
+}
+{% endblock %}
+
+{% block body %}
+<div class="container">
+  <div class="jumbotron">
+    <form method="post">
+      <h1 class="label">What's yer username?</h1>
+      <input class="username form-group form-control" type="text" name="username" required>
+      <button class="btn btn-success form-group form-control" type="submit">Get me that juicy Plus!</button>
+    </form>
+  </div>
+</div>
 {% endblock %}