From d2d2ab07d1d664fc551d38f33f63d830d0355cb7 Mon Sep 17 00:00:00 2001
From: Ben Adida <ben@adida.net>
Date: Mon, 17 Jan 2022 16:00:45 -0500
Subject: [PATCH] small tweaks

---
 helios/templates/_castconfirm_docast.html   |  2 +-
 helios/templates/_castconfirm_password.html |  8 +++++---
 helios/templates/election_cast_confirm.html | 11 ++++++-----
 helios/templates/election_view.html         |  7 ++++---
 heliosbooth/single-ballot-verify.html       |  4 +---
 heliosbooth/templates/seal.html             |  3 +--
 6 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/helios/templates/_castconfirm_docast.html b/helios/templates/_castconfirm_docast.html
index 1a91b2137..9d6f6cecb 100644
--- a/helios/templates/_castconfirm_docast.html
+++ b/helios/templates/_castconfirm_docast.html
@@ -23,7 +23,7 @@
 </form>
 
 <p>
-    <button class="tiny" onclick="document.location='{% url "election@view" election.uuid %}';">cancel</button><br />
+    <button class="tiny" onclick="if (confirm('Are you sure you want to clear this ballot and NOT cast it?')) {document.location='{% url "election@view" election.uuid %}';}">cancel</button><br />
     <span style="font-size:0.8em;">If you cancel now, your ballot will <em>NOT</em> be recorded.<br />
     You can start the voting process over again, of course.</span>
 </p>
diff --git a/helios/templates/_castconfirm_password.html b/helios/templates/_castconfirm_password.html
index b08c3e6f3..57e756461 100644
--- a/helios/templates/_castconfirm_password.html
+++ b/helios/templates/_castconfirm_password.html
@@ -2,9 +2,9 @@
 <input type="hidden" name="csrf_token" value="{{csrf_token}}" />
 <input type="hidden" name="return_url" value="{{return_url}}" />
 <input type="hidden" name="cast_ballot" value="{{cast_ballot}}" />
-<table>
-    {{password_login_form.as_table}}
-</table>
+
+<div style="border: 1px solid #888; padding: 10px; max-width: 500px;">
+{{password_login_form.as_p}}
 {% if bad_voter_login %}
 <p style="color: red;">
 bad voter ID or password, please try again.
@@ -19,4 +19,6 @@
 <input type="submit" class="button" value="log in" />
 {% endif %}
 </form>
+</div>
+
 
diff --git a/helios/templates/election_cast_confirm.html b/helios/templates/election_cast_confirm.html
index aa39d2bef..f0d3aac79 100644
--- a/helios/templates/election_cast_confirm.html
+++ b/helios/templates/election_cast_confirm.html
@@ -41,6 +41,12 @@ <h1>Don't go yet!<br />Your ballot has not yet been cast.</h1>
     <img src="/static/helios/loading.gif" />
 </div>
 
+<div style="word-wrap: break-word; width: 90vw;">
+Your ballot tracker is:<br>
+<b>{{vote_fingerprint}}</b>
+<br><br>
+</div>
+
 <div id="all_forms">
 
 {% if voter %}
@@ -90,11 +96,6 @@ <h1>Sorry!<h1>
 {% endif %}
 
 {% endif %}
-<br />
-<div style="font-size:0.8em;">
-Your ballot tracker is:<br>
-<b>{{vote_fingerprint}}</b>
-</div>
 </p>
 {# this closes the IF ELSE of this being password_only #}
 {% endif %}
diff --git a/helios/templates/election_view.html b/helios/templates/election_view.html
index e0f3c546a..b41eac080 100644
--- a/helios/templates/election_view.html
+++ b/helios/templates/election_view.html
@@ -258,11 +258,11 @@ <h3 class="highlight-box">Tally</h3>
 <br /><a href="{% url "election@extend" election.uuid %}">extend voting</a><br />
 {% endif %}
 
-<div style="background: lightyellow; padding:5px; padding-left: 10px; margin-top: 15px; border: 1px solid #aaa; width: 720px;" class="round">
+<div style="background: lightyellow; padding:5px; padding-left: 10px; margin-top: 15px; border: 1px solid #aaa;" class="round">
 <a href="#" onclick="$('#auditbody').slideToggle(250);">Audit Info</a>
-<div id="auditbody" style="display:none;">
+<div id="auditbody" style="display:none; word-wrap: break-word;">
 <br />Election URL:<br />
-<tt style="font-size: 1.2em;"><a href="{{election.url}}">{{election.url}}</a></tt>
+<a href="{{election.url}}">{{election.url}}</a>
 
 {% if election.frozen_at %}
 <br />
@@ -285,6 +285,7 @@ <h3 class="highlight-box">Tally</h3>
 
 {% if not election.voting_has_started %}
 <p style="font-size: 1.2em;">
+  <br>
   <a href="{{SECURE_URL_HOST}}/booth/vote.html?election_url={% url "election@home" election.uuid %}">preview booth</a>
 </p>
 {% endif %}  
diff --git a/heliosbooth/single-ballot-verify.html b/heliosbooth/single-ballot-verify.html
index 4a1e8b8e5..1f7bff5a2 100644
--- a/heliosbooth/single-ballot-verify.html
+++ b/heliosbooth/single-ballot-verify.html
@@ -112,9 +112,7 @@
 </head>
 <body>
 <div id="wrapper">
-<div id="banner">
-    Helios Single-Ballot Verifier
-</div>
+<h2 style="padding-left: 10px;">Helios Single-Ballot Verifier</h2>
 <div id="content">
 
 <div id="verifier_loading">
diff --git a/heliosbooth/templates/seal.html b/heliosbooth/templates/seal.html
index 538d7d0e6..777ab7fa1 100644
--- a/heliosbooth/templates/seal.html
+++ b/heliosbooth/templates/seal.html
@@ -38,8 +38,7 @@ <h3>Review your Ballot</h3>
 <h4 style="padding: 0px; margin:0px;"><a onclick="$('#auditbody').slideToggle(250);" href="#">Spoil & Audit</a> <span style="font-size: 0.8em; color: #444">[optional]</span></h4>
 <div id="auditbody" style="display:none;">
 <p>
-If you choose, you can spoil this ballot and reveal how your choices
-were encrypted. This is an optional auditing process.
+If you choose, you can spoil this ballot and reveal how your choices were encrypted. This is an optional auditing process.
 </p>
 <p>
 You will then be guided to re-encrypt your choices for final casting.