From ad95c98ef2f24a2059c2fc62caad0adf78bd0231 Mon Sep 17 00:00:00 2001
From: Peter Cottle <pcottle@meta.com>
Date: Mon, 27 May 2024 21:50:23 -0400
Subject: [PATCH] #1149 keep command visible and have small link to reset
 animation

---
 src/js/views/gitDemonstrationView.js |  2 +-
 src/style/main.css                   | 30 +++++++++++++++++++++-------
 src/template.index.html              |  4 ++--
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/js/views/gitDemonstrationView.js b/src/js/views/gitDemonstrationView.js
index 84332e3f..d7198ad3 100644
--- a/src/js/views/gitDemonstrationView.js
+++ b/src/js/views/gitDemonstrationView.js
@@ -21,7 +21,7 @@ var GitDemonstrationView = ContainedBase.extend({
 
   events: {
     'click div.command > p.uiButton:not([target="reset"])': 'positive',
-    'click div.command > p.uiButton[target="reset"]': 'onResetButtonClick',
+    'click div.command > p[target="reset"]': 'onResetButtonClick',
   },
 
   initialize: function(options) {
diff --git a/src/style/main.css b/src/style/main.css
index 1b85ec08..c2602fc9 100644
--- a/src/style/main.css
+++ b/src/style/main.css
@@ -1146,8 +1146,26 @@ div.gitDemonstrationView {
   opacity: 0;
 }
 
-.gitDemonstrationView  p.uiButton[target="reset"] {
+.gitDemonstrationView p[target="reset"] {
   display: none;
+  opacity: 0.0;
+}
+
+.gitDemonstrationView p.uiButton {
+  margin: 0.5em 0;
+}
+
+.gitDemonstrationView.demonstrated p[target="reset"] {
+  display: block;
+  margin: 0.5em 0;
+  opacity: 0.3;
+  font-size: 8pt;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.gitDemonstrationView  div.afterText p {
+  margin-top: 0.1em;
 }
 
 .gitDemonstrationView.demonstrated div.afterText {
@@ -1159,12 +1177,10 @@ div.gitDemonstrationView {
 }
 
 .gitDemonstrationView.demonstrated p.uiButton {
-  display: none;
-}
-
-.gitDemonstrationView.demonstrated p.uiButton[target="reset"] {
-  display: block;
-  opacity: 0.5;
+  opacity: 0.6;
+  margin-bottom: 0.1em;
+  cursor: auto;
+  pointer-events: none;
 }
 
 /* LeftRightView */
diff --git a/src/template.index.html b/src/template.index.html
index b953ab6e..b0517558 100644
--- a/src/template.index.html
+++ b/src/template.index.html
@@ -154,8 +154,8 @@
         -->
           <%= command.replace(' --aboveAll', '') %>
         </p>
-        <p class="uiButton uiButtonPink transitionOpacity" target="reset">
-            (Reset Animation)
+        <p class="transitionOpacity" target="reset">
+            Reset Animation
         </p>
       </div>