Update templates/menu.html

templates/menu.html

@@ -49,7 +49,19 @@
 .addbutton .btn {
   margin-left: 10px; /* Adds some space between button and text */
 }
+.addbutton .btn {
+  background: linear-gradient(135deg, #28a745, #006400); /* Gradient green */
+  color: white; /* Make the text color white */
+  border: none; /* Remove the border */
+  padding: 10px 20px; /* Adjust padding */
+  font-size: 16px; /* Adjust font size */
+  border-radius: 5px; /* Optional: round the corners */
+  transition: background 0.3s ease; /* Add transition effect for hover */
+}
 
+.addbutton .btn:hover {
+  background: linear-gradient(135deg, #006400, #28a745); /* Reverse gradient for hover effect */
+}