move login button to bottom right (#57)

nnev · Dec 27, 2016 · 26e33f3 · 26e33f3
1 parent 9946c7d
commit 26e33f3
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/templates/login.html b/templates/login.html
@@ -1,3 +1,11 @@
+<style>
+.mdl-card__actions {
+  display: flex;
+  align-items: center;
+}
+</style>
+
+
 <div class="mdl-card mdl-shadow--2dp" id="login-box">
   <form method="POST">
     <div class="mdl-textfield mdl-js-textfield">
@@ -8,11 +16,10 @@
       <input class="mdl-textfield__input" type="password" name="password" />
       <label class="mdl-textfield__label" for="password">Password</label>
     </div>
-    <button class="mdl-button mdl-js-button mdl-button--colored" type="submit">
-      Login
-    </button>
-    <a href="/create_user.html" class="mdl-button mdl-js-button mdl-button--colored" type="button">
-      Neu erstellen
-    </a>
+	<div class="mdl-card__actions">
+	  <a href="/create_user.html" class="mdl-button mdl-js-button mdl-button--colored" type="button">Neu erstellen </a>
+	  <div class="mdl-layout-spacer"></div>
+	  <button class="mdl-button mdl-js-button mdl-button--colored" type="submit">Login</button>
+	</div>
   </form>
 </div>