Merge pull request #1800 from PrityanshuSingh/fixes/Button

Fixed Save and Cancel Button UI

profile.html

@@ -71,14 +71,14 @@ <h3>Recent Activity</h3>
                     <a href="#">
                         <button class="edit-profile-btn">View</button>
                     </a>
- main
                 </div>
-                <button type="submit">Save</button>
-                <button type="button" id="cancelButton">Cancel</button>
             </form>
         </div>
+        <div class="button-container">
+            <button type="submit" id="saveButton">Save</button>
+            <button type="button" id="cancelButton">Cancel</button>
+        </div>
 
-edit
         <section class="content-section">
             <h2>Notifications</h2>
             <div class="card">

testp.css

@@ -204,7 +204,34 @@ body {
 
 }
 
+.button-container {
 
+    display: flex; 
+    justify-content: right;
+    gap: 15px; 
+    margin-top: 15px; 
+
+}
+
+#saveButton, #cancelButton {
+
+    background: rgb(51 51 51); 
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background 0.3s, transform 0.3s;
+    position: relative;
+    height: 40px;
+}
+
+#saveButton:hover, #cancelButton:hover {
+
+    background-color: #000000; 
+    transform: scale(1.05); 
+
+}
 
 /* Media Queries for Responsiveness */
 @media (max-width: 768px) {