signup style aligned with login

core/static/core/styles.css

@@ -53,6 +53,10 @@ div.content {
     padding:10px;
 }
 
+div.content > h2 {
+    margin-left: 200px;
+}
+
 div.footer {
     text-align:center;
     position:fixed;
@@ -117,7 +121,12 @@ table.snake-list {
     height: 320px;
 }
 
-#login_form div.segment {
+#login_form, #signup_form {
+    margin-left: 200px;
+}
+
+#login_form div.segment, #signup_form div.segment {
+    background: none;
     width: 350px;
 }
 

core/templates/signup.html

@@ -2,20 +2,24 @@
 
 {% block content %}
   <h2>Sign up</h2>
-  <form method="post">
-    {% csrf_token %}
-    {% for field in form %}
-      <p>
-        {{ field.label_tag }}<br>
-        {{ field }}
-        {% if field.help_text %}
-          <small style="color: grey">{{ field.help_text|safe }}</small>
-        {% endif %}
-        {% for error in field.errors %}
-          <p style="color: red">{{ error }}</p>
+  <form method="post" id="signup_form">
+    <div class="ui inverted segment">
+      <div class="ui inverted mini form">
+        {% csrf_token %}
+        {% for field in form %}
+          <div class="fifteen wide field">
+            {{ field.label_tag }}
+            {{ field }}
+            {% if field.help_text %}
+              <small style="color: grey">{{ field.help_text|safe }}</small>
+            {% endif %}
+            {% for error in field.errors %}
+              <p style="color: red">{{ error }}</p>
+            {% endfor %}
+          </div>
         {% endfor %}
-      </p>
-    {% endfor %}
-    <button type="submit">Sign up</button>
+        <button type="submit" class="ui small positive button">Sign up</button>
+      </div>
+    </div>
   </form>
 {% endblock %}
\ No newline at end of file

highscore/templates/highscore/table.html

@@ -8,7 +8,7 @@
 
 {% block content %}
 
-<div class="highscore-title">Highscores</div>
+<h2>Highscores</h2>
 <table class="highscore-table ui celled selectable inverted table" cellspacing="0">
     <thead>
         <tr>