changeset 1106:c714bcdc8b3b

admin: Upgrade login screen to new Bootstrap classes.
author Ludovic Chabant <ludovic@chabant.com>
date Sun, 18 Feb 2018 20:30:22 -0800
parents 68593928298d
children a1c6050c9801
files piecrust/admin/templates/login.html
diffstat 1 files changed, 12 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/piecrust/admin/templates/login.html	Sun Feb 18 20:29:42 2018 -0800
+++ b/piecrust/admin/templates/login.html	Sun Feb 18 20:30:22 2018 -0800
@@ -2,26 +2,27 @@
 
 {% block content %}
 <div class="row">
-    <div class="col-md-6 col-md-offset-3">
+    <div class="col-md-6 offset-md-3">
         <div class="ft-login">
             <p class="login-box-msg">{{message|default('You know the drill.')}}</p>
 
             <form action="{{login_postback}}" method="post">
-                <div class="form-group has-feedback">
-                    <input type="text" name="username" class="form-control" placeholder="Username">
-                    <span class="form-control-feedback"><i class="oi oi-account-login"></i></span>
+                <div class="form-group">
+                    <label for="pcLogin">Username:</label>
+                    <input id="pcLogin" type="text" name="username" class="form-control" placeholder="Username">
                 </div>
-                <div class="form-group has-feedback">
-                    <input type="password" name="password" class="form-control" placeholder="Password">
-                    <span class="form-control-feedback"><i class="oi oi-account-logout"></i></span>
+                <div class="form-group">
+                    <span id="pcPassword">Password:</span>
+                    <input id="pcPassword" type="password" name="password" class="form-control" placeholder="Password">
                 </div>
                 <div class="row">
-                    <div class="col-xs-8">
-                        <div class="checkbox">
-                            <label><input type="checkbox"> Remember Me</input></label>
+                    <div class="col-sm-8">
+                        <div class="form-check">
+                            <input id="pcRemember" type="checkbox" class="form-check-input"></input>
+                            <label class="form-check-label" for="pcRemember">Remember Me</label>
                         </div>
                     </div>
-                    <div class="col-xs-4">
+                    <div class="col-sm-4">
                         <button type="submit" class="btn btn-primary btn-block">Log In</button>
                     </div>
                 </div>