Fix pool frontend icon rendering and generator UX

website_example/pages/getting_started.html

@@ -120,7 +120,9 @@
             </div>
         </div>
         <div class="col-md-12 push-up-5">
-            <input id="generateConf" type="submit" tvalue="generateConfig" value="Generate configuration" class="btn btn-default"  data-toggle="collapse" href="#xmrstak" />
+            <button id="generateConf" type="button" class="btn btn-default">
+                <i data-lucide="wand-sparkles"></i> <span data-tkey="generateConfig">Generate configuration</span>
+            </button>
         </div>
     </div>
     </div>
@@ -133,7 +135,7 @@
             <h4><span data-tkey="miningApps">Mining Applications</span></h4>
         </div>
     </div>
-    <div class="card push-up-5">
+    <div class="card push-up-5" id="mining-apps-section">
         <div id="miningApps" class="table-responsive">
             <table class="table">
                 <thead>
@@ -315,7 +317,6 @@ $('#generateConf').click(function() {
 
     // Username
     var address = $('#gAddress').val().replace(/\s+/g, '').trim();
-    var solo = $('#gSolo').val();
     var difficulty = parseInt($('#gDifficulty').val().replace(/\s+/g, '').trim());
     var workerName = $('#gWorkerName').val().replace(/\s+/g, '').trim();
 
@@ -326,6 +327,9 @@ $('#generateConf').click(function() {
 
     // Password
     updateTextClasses('examplePassword', workerName || 'YOUR_WORKER_NAME');
+
+    $('#xmrig, #srbminer').collapse('show');
+    document.getElementById('mining-apps-section').scrollIntoView({ behavior: 'smooth', block: 'start' });
 });
 
 </script>