Update templates/customer_details.html

templates/customer_details.html

@@ -20,6 +20,7 @@
         .header {
             display: flex;
             align-items: center;
+            justify-content: flex-start;
             margin-bottom: 20px;
         }
         .back-btn {
@@ -67,7 +68,7 @@
         .change-btn, .copy-btn {
             position: absolute;
             right: 10px;
-            top: 50%;
+            top: 70%; /* Moved further down */
             transform: translateY(-50%);
             color: #FF0000;
             font-size: 0.75rem;
@@ -76,7 +77,6 @@
             text-transform: uppercase;
             padding: 5px 8px;
             border-radius: 5px;
-            background-color: rgba(255, 255, 255, 0.8);
             transition: opacity 0.3s ease;
             display: flex;
             align-items: center;
@@ -88,7 +88,6 @@
         .change-btn.disabled {
             color: #A9A9A9;
             cursor: not-allowed;
-            background-color: rgba(255, 255, 255, 0.5);
         }
         .copy-btn svg {
             width: 12px;
@@ -132,6 +131,7 @@
             .change-btn, .copy-btn {
                 font-size: 0.7rem;
                 padding: 4px 6px;
+                top: 70%; /* Maintain downward position */
             }
             .copy-btn svg {
                 width: 10px;