From e024103d2def1f7ba4c86dd3a4e157b40dafc56f Mon Sep 17 00:00:00 2001
From: Glitch <glitch@glitch.is>
Date: Mon, 11 Jul 2016 00:16:20 +0000
Subject: [PATCH] Redesigning

---
 static/css/main.css     | 12 ++++++
 templates/register.html | 92 ++++++++++++++++++++---------------------
 2 files changed, 57 insertions(+), 47 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 2ff7d73..d459de0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -88,6 +88,14 @@ body {
     font-size: 2rem;
 }
 
+.panel {
+    padding: 1rem;
+}
+
+.register-submit {
+    margin-top: 2rem;
+}
+
 @media only screen and (max-width : 992px) {
     .cont {
         padding-left: 40px;
@@ -99,6 +107,10 @@ body {
         margin-right: auto;
         margin-top: 0;
     }
+
+    .register-submit {
+        margin-top: 0;
+    }
 }
 
 
diff --git a/templates/register.html b/templates/register.html
index 922f74f..bb6eb88 100644
--- a/templates/register.html
+++ b/templates/register.html
@@ -14,56 +14,54 @@
 </div>
 
 <div class="panel z-depth-2">
-    <div class="container">
-        <div class="form-title blue-text">Register</div>
-        <form method="POST">
-            <div class="input-field">
-                <input class="validate" required maxlength="50" id="username" name="username" type="text" />
-                <label for="team-name">Username</label>
+    <div class="form-title blue-text">Register</div>
+    <form method="POST">
+        <div class="input-field">
+            <input class="validate" required maxlength="50" id="username" name="username" type="text" />
+            <label for="team-name">Username</label>
+        </div>
+        <div class="input-field">
+            <input class="validate" required id="email" name="email" type="email" />
+            <label for="email">Email</label>
+        </div>
+        <div class="row no-bot">
+            <div class="input-field col s6">
+                <input class="validate" required id="password" name="password" type="password" />
+                <label for="password">Password</label>
             </div>
-            <div class="input-field">
-                <input class="validate" required id="email" name="email" type="email" />
-                <label for="email">Email</label>
+            <div class="input-field col s6">
+                <input class="validate" required id="confirm_password" name="confirm_password" type="password" />
+                <label for="confirm_password">Confirm Password</label>
             </div>
-            <div class="row no-bot">
-                <div class="input-field col s6">
-                    <input class="validate" required id="password" name="password" type="password" />
-                    <label for="password">Password</label>
-                </div>
-                <div class="input-field col s6">
-                    <input class="validate" required id="confirm_password" name="confirm_password" type="password" />
-                    <label for="confirm_password">Confirm Password</label>
-                </div>
-            </div>
-            <div class="input-field">
-                <input class="validation" maxlength="100" id="affiliation" name="affiliation" type="text" />
-                <label for="affiliation">Affiliation</label>
-            </div>
-            <div class="input-field">
-                <select required name="country" id="country" class="icons">
-                    <option value="" disabled selected>Choose your option</option>
-                    <option value="" data-icon="" class="flag-icon flag-icon-is left circle">Iceland</option>
-                    <option value="" data-icon="" class="left circle">example 2</option>
-                    <option value="" data-icon="" class="left circle">example 3</option>
-                </select>
-                <label>Country</label>
-            </div>
-            <div class="row">
-                <input name="gender" type="radio" id="male" />
-                <label for="male">Male</label>
-                <input name="gender" type="radio" id="female" />
-                <label for="female">Female</label>
-            </div>
-            <div class="row">
-                <div class="col s12 m6">
+        </div>
+        <div class="input-field">
+            <input class="validation" maxlength="100" id="affiliation" name="affiliation" type="text" />
+            <label for="affiliation">Affiliation</label>
+        </div>
+        <div class="input-field">
+            <select required name="country" id="country" class="icons">
+                <option value="" disabled selected>Choose your option</option>
+                <option value="" data-icon="" class="flag-icon flag-icon-is left circle">Iceland</option>
+                <option value="" data-icon="" class="left circle">example 2</option>
+                <option value="" data-icon="" class="left circle">example 3</option>
+            </select>
+            <label>Country</label>
+        </div>
+        <div class="row">
+            <input name="gender" type="radio" id="male" />
+            <label for="male">Male</label>
+            <input name="gender" type="radio" id="female" style="margin-left: 1rem;" />
+            <label for="female">Female</label>
+        </div>
+        <div class="row">
+            <div class="col s12 m6">
                 <div class="g-recaptcha" data-sitekey="{{ config.secret.recaptcha_key }}"></div>
-                </div>
-                <div class="col s12 m6">
-                <button class="btn waves-effect waves-light right" type="submit">Create team</button>
-                </div>
             </div>
-            <input name="_csrf_token" type="hidden" value="{{ csrf_token() }}" />
-    </div>
-        </form>
+            <div class="col s12 m6">
+                <button class="btn waves-effect waves-light right register-submit" type="submit">Create team</button>
+            </div>
+        </div>
+        <input name="_csrf_token" type="hidden" value="{{ csrf_token() }}" />
+    </form>
 </div>
 {% endblock %}