From ebef8e0e73ea69191545c309bb3f0b602dcc93ca Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@robocracy.org>
Date: Tue, 9 Apr 2019 15:44:19 -0700
Subject: resyle login views

---
 python/fatcat_web/templates/auth_ia_login.html | 34 ++++++++++++++++----------
 1 file changed, 21 insertions(+), 13 deletions(-)

(limited to 'python/fatcat_web/templates/auth_ia_login.html')

diff --git a/python/fatcat_web/templates/auth_ia_login.html b/python/fatcat_web/templates/auth_ia_login.html
index ebf08021..8e1e3026 100644
--- a/python/fatcat_web/templates/auth_ia_login.html
+++ b/python/fatcat_web/templates/auth_ia_login.html
@@ -1,12 +1,10 @@
 {% extends "base.html" %}
-{% block body %}
-<h1>Login with Internet Archive account</h1>
 
-<p>Warning: still experimental!
+{% block fullbody %}
+<div class="ui centered grid container">
+<div class="eight wide column" style="font-size: 1.14285714rem;">
 
-<br>
-<br>
-<br>
+<h1>Login via Internet Archive</h1>
 
 {% if current_user.is_authenticated %}
   <div class="ui negative message">
@@ -14,18 +12,28 @@
     <p>You should logout first. Re-authenticating would be undefined behavior.
   </div>
 {% else %}
+
+  <p>Use your <a href="https://archive.org">archive.org</a> username (or email)
+  and password to log in to Fatcat.
+
   <form class="" role="login" action="/auth/ia/login" method="post">
     <div class="ui form">
-        <div class="ui input huge fluid">
-          <input type="email" placeholder="user@domain.tdl..." name="email" {% if email %}value="{{ email }}"{% endif %} aria-label="email for login">
-        </div>
-        <div class="ui action input huge fluid">
-          <input type="password" placeholder="password" name="password" aria-label="internet archive password">
-          <button class="ui button">Login</button>
-        </div>
+      <div class="ui left icon input large fluid">
+        <i class="user icon"></i>
+        <input type="email" placeholder="user@domain.tdl..." name="email" {% if email %}value="{{ email }}"{% endif %} aria-label="email for login">
       </div>
+      <br>
+      <div class="ui left icon input large fluid">
+        <i class="lock icon"></i>
+        <input type="password" placeholder="Password" name="password" aria-label="internet archive password">
+      </div>
+      <br>
+      <button class="ui primary large button fluid">Login</button>
     </div>
   </form>
 {% endif %}
 
+</div>
+</div>
+
 {% endblock %}
-- 
cgit v1.2.3