explain tracker, fix layout

benadida · Jan 21, 2022 · b92f1d4 · b92f1d4
1 parent d2d2ab0
commit b92f1d4
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 32 deletions.
diff --git a/helios/templates/cast_done.html b/helios/templates/cast_done.html
@@ -4,14 +4,13 @@
 {% block content %}
 <h1>{{election.name}} &mdash; Vote Successfully Cast!</h1>
 
+{% if vote_hash %}
 <p>
-    Congratulations, your vote has been <b><u>successfully cast</u></b>!
+  Your ballot tracker is:<br />
+    <span style="font-size:1.4em; font-weight: bold; word-break: break-word;">  {{vote_hash}}</span>
 </p>
-
-{% if vote_hash %}
 <p>
-  Your ballot tracker is:<br /><br />
-    <tt style="font-size:1.8em; font-weight: bold; padding-left: 20px;">  {{vote_hash}}</tt>
+  This ballot tracker mathematically ensures that your ballot is counted. You can check all ballot trackers by viewing the <a href="{% url "election@voters@list-pretty" election.uuid %}">voter list</a>, where your ballot tracker should appear within a few minutes.
 </p>
 {% endif %}
 

diff --git a/heliosbooth/css/booth.css b/heliosbooth/css/booth.css
@@ -52,22 +52,6 @@ body {
   font-size: 18pt;
 }
 
-.box {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-}
-
-.box:nth-child(2) {
-  flex: 3;
-}
-
-.box:last-child > span {
-  margin-left: auto;
-  margin-right: 5px;
-  font-size: 12pt;
-}
-
 #progress_div {
   margin: auto;
   max-width: 500px;

diff --git a/heliosbooth/templates/footer.html b/heliosbooth/templates/footer.html
@@ -1,10 +1,10 @@
 
-<div class="box">
-    <span>
-        {#if $T.election.BOGUS_P}
-        The public key for this election is not yet ready. This election is in preview mode only.
-        {#else}
-        Election Fingerprint: <span id="election_hash" style="font-weight:bold;">{$T.election.hash}</span>
-        {#/if}
-    </span>
+<div style="text-align:center; width: 100%; padding: 3px 5px 3px 5px;">
+<span>
+  {#if $T.election.BOGUS_P}
+  The public key for this election is not yet ready. This election is in preview mode only.
+  {#else}
+  Election Fingerprint: <span id="election_hash" style="font-weight:bold;">{$T.election.hash}</span>
+  {#/if}
+</span>
 </div>
diff --git a/heliosbooth/vote.html b/heliosbooth/vote.html
@@ -31,9 +31,9 @@
 <body>
 <div id="wrapper">
 <div id="banner" class="edge">
-  <div class="box"></div>
-    <div class="box"><span>Helios Voting Booth</span></div>
-    <div class="box"><span><a href="javascript:BOOTH.exit();">exit</a></span></div>
+  <div style="text-align:center; width: 100%;">Helios Voting Booth
+      <div style="float: right; margin-right: 10px; font-size: 0.8em;"><span><a href="javascript:BOOTH.exit();">exit</a></span></div>
+  </div>
 </div>
 <div id="content">