From 72def3f35b382b63e9d03f55522c9220b7404cc4 Mon Sep 17 00:00:00 2001
From: Cory Francis Myers <cory@freedom.press>
Date: Wed, 14 Jul 2021 23:33:40 -0700
Subject: [PATCH] third pass through /generate: "Refresh Codename" button
 styling

---
 securedrop/sass/source.sass               | 22 ++++++++++++++++++++++
 securedrop/source_templates/generate.html |  6 +-----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/securedrop/sass/source.sass b/securedrop/sass/source.sass
index ee89ce9cba..9f4528e096 100644
--- a/securedrop/sass/source.sass
+++ b/securedrop/sass/source.sass
@@ -244,3 +244,25 @@ p#max-file-size
   image-rendering: crisp-edges
   margin-bottom: 10px
   margin-top: 5px
+
+#regenerate-submit
+  span
+    font-size: 0
+
+    &:after
+      content: ""
+      display: inline-block
+      background:
+        image: url(/static/i/font-awesome/refresh-white.png)
+        position: center
+        repeat: no-repeat
+        size: contain
+      opacity: 0.9
+      height: 20px
+      width: 20px
+
+  &:hover, &:active
+    span
+      &:active
+        background:
+          image: url(/static/i/font-awesome/refresh-white.png)
\ No newline at end of file
diff --git a/securedrop/source_templates/generate.html b/securedrop/source_templates/generate.html
index 6ba0d252c1..2291107d64 100644
--- a/securedrop/source_templates/generate.html
+++ b/securedrop/source_templates/generate.html
@@ -14,11 +14,7 @@ <h1>{{ gettext('Welcome') }}</h1>
     <form id="regenerate-form" method="post">
       <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
       <button type="submit" id="regenerate-submit" class="small">
-        {# FIXME:
-        <img class="icon pull-left off-hover" src="{{ url_for('static', filename='i/font-awesome/refresh-white.png') }}" alt="{{ gettext('Refresh codename') }}" width="20" height="20">
-        <img class="icon pull-left on-hover" src="{{ url_for('static', filename='i/font-awesome/refresh-white.png') }}"  alt="{{ gettext('Refresh codename') }}" width="20" height="20">
-        #}
-        {{ gettext('Refresh codename') }}
+        <span>{{ gettext('Refresh codename') }}</span>
       </button>
     </form>
   </div>