Update templates/customer_details.html

templates/customer_details.html

@@ -71,7 +71,7 @@
             cursor: pointer;
         }
 
-        .update-btn {
+        /* .update-btn {
             background-color: #0FAA39;
             color: white;
             border: none;
@@ -102,7 +102,50 @@
         .edit-btn:hover {
             background-color: #0f8e29;
         }
+ */
+.update-btn {
+    background-color: #0FAA39;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 8px 16px; /* Reduced padding for a smaller button */
+    font-size: 0.9rem; /* Slightly smaller font size */
+    cursor: pointer;
+    font-weight: bold;
+    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
+}
 
+.update-btn:hover {
+    background-color: #0f8e29;
+}
+
+.edit-btn {
+    background-color: #0FAA39;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 8px 16px; /* Reduced padding for a smaller button */
+    font-size: 0.9rem; /* Slightly smaller font size */
+    cursor: pointer;
+    font-weight: bold;
+    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
+}
+
+.edit-btn:hover {
+    background-color: #0f8e29;
+}
+
+/* Button container adjustments */
+.button-container {
+    display: flex;
+    justify-content: space-between;
+    gap: 10px; /* Add space between buttons */
+}
+
+
+
+
+      
         /* Flexbox for equally spaced buttons */
         .button-container {
             display: flex;