#1149 keep command visible and have small link to reset animation

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) {

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 */

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>