Fix pool button icons and menu icon color

website_example/pages/dual_mm_blocks.html

@@ -26,7 +26,7 @@
             <h4>Dual merge-mined block list</h4>
         </div>
         <button type="button" class="btn btn-default" id="refreshDualMmBlocks">
-            <i class="fa fa-refresh"></i> Refresh
+            <i data-lucide="refresh-cw"></i> Refresh
         </button>
     </div>
 

website_example/pages/home.html

@@ -10,19 +10,19 @@
             <input class="form-control" id="heroMinerAddress" type="text" placeholder="Enter wallet address to open worker statistics">
             <span class="input-group-btn">
                 <button class="btn btn-default" type="button" id="heroMinerLookup">
-                    <i class="fa fa-search"></i> <span class="hero-lookup-label">View Worker Statistics</span>
+                    <i data-lucide="search"></i> <span class="hero-lookup-label">View Worker Statistics</span>
                 </button>
             </span>
         </div>
         <div class="hero-actions">
             <a class="btn btn-default home-scroll" href="#overview-getting-started">
-                <i class="fa fa-rocket"></i> <span data-tkey="gettingStarted">Getting Started</span>
+                <i data-lucide="rocket"></i> <span data-tkey="gettingStarted">Getting Started</span>
             </a>
             <a class="btn btn-primary home-scroll" href="#overview-pool-blocks">
-                <i class="fa fa-cubes"></i> <span data-tkey="poolBlocks">Pool Blocks</span>
+                <i data-lucide="blocks"></i> <span data-tkey="poolBlocks">Pool Blocks</span>
             </a>
             <a class="btn btn-primary home-scroll" href="#overview-faq">
-                <i class="fa fa-comments"></i> FAQ
+                <i data-lucide="messages-square"></i> FAQ
             </a>
         </div>
     </div>

website_example/pages/worker_stats.html

@@ -41,8 +41,8 @@
                 <div class="input-group lookup-group">
                     <input class="form-control" id="yourStatsInput{{coin}}" type="text" data-tplaceholder="enterYourAddress" placeholder="Enter Your {{coin}} Address">
                     <span class="input-group-btn"><button class="btn btn-default" type="button" id="lookUp{{coin}}">
-                        <span><i class="fa fa-search"></i> <span data-tkey="lookup">Lookup</span></span>
+                        <span><i data-lucide="search"></i> <span data-tkey="lookup">Lookup</span></span>
-                        <span><i class="fa fa-refresh fa-spin"></i> <span data-tkey="searching">Searching...</span></span>
+                        <span><i data-lucide="loader-circle" class="animate-spin"></i> <span data-tkey="searching">Searching...</span></span>
                     </button></span>
                 </div>
                 <div id="addressError{{coin}}"></div>
@@ -111,7 +111,7 @@
                         </div>
                         <div class="push-up-15">
                             <button class="btn btn-default" type="button" id="payoutSetButton{{coin}}">
-                                <i class="fa fa-check"></i> <span data-tkey="set">Set</span>
+                                <i data-lucide="check"></i> <span data-tkey="set">Set</span>
                             </button>
                         </div>
                     </div>

website_example/themes/custom.css

@@ -393,12 +393,9 @@ footer a {
   padding: 7px 0;
 }
 
-.nav-side-menu li a i {
+.nav-side-menu li a i,
-  color: var(--accent-cyan);
-}
-
 .nav-side-menu li a .lucide {
-  color: var(--accent-cyan);
+  color: currentColor;
 }
 
 .nav-side-menu li:hover,
@@ -651,6 +648,8 @@ footer a .lucide,
 .hero-lookup-group .lucide,
 .panel-link .lucide {
   margin-right: 0.5em;
+  display: inline-block;
+  flex-shrink: 0;
 }
 
 .poolChart h4,