Update templates/menu.html

templates/menu.html

@@ -107,20 +107,18 @@
         <div>
             <h6>Referral Code: <span id="referral-code">{{ referral_code }}</span></h6>
         </div>
-        <div>
-            <button onclick="window.location.href='{{ url_for('order_history') }}'" 
-                    class="btn btn-light" 
-                    style="color: #007bff; font-weight: bold;">
-                Order History
-            </button>
-        </div>
-        <div>
-            <button onclick="window.location.href='{{ url_for('logout') }}'" 
-                    class="btn btn-light" 
-                    style="color: #007bff; font-weight: bold;">
-                Logout
-            </button>
+        <!-- Include Bootstrap Icons -->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
+
+        <div class="d-flex align-items-center">
+            <a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
+                <i class="bi bi-clock-history fs-4"></i>
+            </a>
+            <a href="{{ url_for('logout') }}" class="text-white mx-2" title="Logout">
+                <i class="bi bi-box-arrow-right fs-4"></i>
+            </a>
         </div>
+
         <div>
             <h6>Reward Points: <span id="reward-points">{{ reward_points }}</span></h6>
         </div>