Apply suggestions from code review

Co-authored-by: Jenny Wong <jnywong.pro@gmail.com>

Author: cmarmo

nbgitpuller/static/js/gitsyncview.js

@@ -59,10 +59,14 @@ export class GitSyncView{
     setProgressError(isError) {
         if (isError) {
             this.progress.classList.add('progress-bar-danger');
-            this.recovery.classList.remove('hidden');
         } else {
             this.progress.classList.remove('progress-bar-danger');
-            this.recovery.classList.add('hidden');
+        }
+    }
+
+    setRecoveryLink(isError) {
+        if (isError) {
+            this.recovery.classList.toggle('hidden', !visible);
         }
     }
 }

nbgitpuller/static/js/index.js

@@ -46,6 +46,7 @@ gs.addHandler('error', function(data) {
     gsv.setProgressValue(100);
     gsv.setProgressText('Error: ' + data.message);
     gsv.setProgressError(true);
+    gsv.setRecoveryLink(true);
     gsv.setTerminalVisibility(true);
     if (data.output) {
         gsv.term.write(data.output);

nbgitpuller/templates/status.html

@@ -29,8 +29,10 @@
     <div class="panel-body hidden" id="status-details-container">
             <div id="status-details"></div>
     </div>
-        <div id="recovery-link" class="hidden"><small>Go back to the <a href="{{ base_url }}">Jupyter root</a></small></div>
-    </div>
+</div>
+<div id="recovery-link" class="hidden">
+    <a class="btn btn-warning" href="{{ base_url }}" aria-label="Go to the Jupyter server without synchronizing content">Proceed to server without synchronizing</a>
+</div>
 </div>
 {% endblock %}