From 63d4f6f8db572cd86bb956bcc6ccf77fbcf58b8d Mon Sep 17 00:00:00 2001
From: Prityanshu Singh <prityanshusingh2003@gmail.com>
Date: Sat, 9 Nov 2024 03:21:20 +0530
Subject: [PATCH] Fixed Save and Cancel Button

---
 profile.html |  8 ++++----
 testp.css    | 27 +++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/profile.html b/profile.html
index ac61e957..3302041d 100644
--- a/profile.html
+++ b/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">
diff --git a/testp.css b/testp.css
index f18cc51b..d2cbe4ea 100644
--- a/testp.css
+++ b/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) {