Change 'reset' link on preferences page to a button

assets/javascripts/templates/pages/settings_tmpl.coffee

@@ -35,6 +35,5 @@ app.templates.settingsPage = (settings) -> """
     </div>
   </div>
 
-  <p>
-    <a href="#" class="_reset-link" data-behavior="reset">Reset all preferences and data</a>
+  <button type="button" class="_btn-link _reset-btn" data-behavior="reset">Reset all preferences and data</button>
 """

assets/stylesheets/components/_content.scss

@@ -408,6 +408,11 @@
   }
 }
 
+._reset-btn,
+._reset-btn:hover {
+  color: $textColorRed;
+}
+
 ._github-btn {
   display: inline-block;
   vertical-align: text-top;

assets/stylesheets/components/_settings.scss

@@ -69,10 +69,6 @@
 ._setting-native-scrollbar { display: none; }
 @supports (-webkit-margin-end: 1px) { ._setting-native-scrollbar { display: block; } }
 
-._reset-link {
-  color: $textColorRed;
-}
-
 //
 // Settings buttons
 //