From 14ef2879e0f336250743133b8f840220b571bc2c Mon Sep 17 00:00:00 2001
From: ibrahem hassan <hibrahem266@gmail.com>
Date: Mon, 13 Mar 2023 16:29:45 +0200
Subject: [PATCH] form

---
 .vscode/settings.json |  3 ++
 addAddress.html       |  5 +++-
 addressDetails.html   |  3 +-
 carts.html            |  5 ++--
 changePass.html       |  7 +++--
 css/style.css         | 64 +++++++++++++++++++++++++++++--------------
 orders.html           |  2 ++
 profile.html          |  4 +--
 8 files changed, 62 insertions(+), 31 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/addAddress.html b/addAddress.html
index 19c7a2b..603c761 100644
--- a/addAddress.html
+++ b/addAddress.html
@@ -114,7 +114,8 @@ <h2 class="titleaddress">Add Address</h2>
         </div>
         <div class="location checkout_content">
             <h2 class="cart_title2">Select Delivery Location</h2>
-            <div class="map">
+            <form action="">
+              <div class="map">
                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13644.980469861162!2d29.985604349999996!3d31.2416371!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14f5dac343e83df9%3A0xe19c4504a4c438c8!2sElseyouf%20Square!5e0!3m2!1sen!2seg!4v1678006080310!5m2!1sen!2seg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
             </div>
             <div class="allSelected">
@@ -132,6 +133,8 @@ <h2 class="cart_title2">Select Delivery Location</h2>
                   </select>
             </div>
             <a href="addressDetails.html" class="next ">Next</a>
+            </form>
+           
         </div>
     </div>
      
diff --git a/addressDetails.html b/addressDetails.html
index 1307775..cd234d1 100644
--- a/addressDetails.html
+++ b/addressDetails.html
@@ -154,8 +154,9 @@ <h2 class="cart_title2">Building Details</h2>
                   
                  <textarea name="" id=""  class="public_input" placeholder="Delivery Notes"></textarea>
                 </div>
+                <button type="submit" class="next ">Add</button>
               </form>
-              <button type="submit" class="next ">Add</button>
+             
         </div>
     </div>
      
diff --git a/carts.html b/carts.html
index 13ceb2d..242abff 100644
--- a/carts.html
+++ b/carts.html
@@ -339,8 +339,7 @@ <h3>Select Your Beverage</h3>
     var del = document.getElementsByName("del");
     const add = document.getElementsByName("add")
     const val =  document.getElementsByName("num-tv")
-    const counter = function(){ 
-    }
+
     const addcount = []
     for(i=0;i<=add.length-1;i++){addcount.push(i)}
   addcount.map((addone, index)=>{
@@ -355,7 +354,7 @@ <h3>Select Your Beverage</h3>
     });
     add[index].addEventListener("click", function () {
   val[index].innerText=+val[index].innerText+1;
-  counter()
+ 
    })
   });
   </script> 
diff --git a/changePass.html b/changePass.html
index 674d98c..6af75ee 100644
--- a/changePass.html
+++ b/changePass.html
@@ -111,11 +111,12 @@ <h2>Change Password</h2>
         <input type="password" class="public_input" placeholder="Current Password">
         <input type="password" class="public_input" placeholder="New Password">
         <input type="password" class="public_input" placeholder="Confirm Password">
+        <button type="submit" class="btn_page">
+          Change
+      </button>
     </form>
 </div>
-<button type="submit" class="btn_page">
-    Change
-</button>
+
     </div>
      
       
diff --git a/css/style.css b/css/style.css
index 46777f3..10d321f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -284,12 +284,13 @@ margin: 0;
   color: #1e2125;
   background-color: transparent;
 }
-.navbar .dropdown-menu {
- 
+ .navbar .dropdown-menu {
+  right: auto;
   left: 50% !important;
   transform: translateX(-50%) !important;
 
 }
+
 .navbar .dropdown ul li:last-of-type a p {
   padding: 12px 22px 0px;
   border-top: 1px solid #D9D9D9;
@@ -334,8 +335,15 @@ color: #4E4E4E;
 }
 @media (max-width: 350px) {
   .navbar .dropdown-menu {
+    right: auto;
     left: 30% !important;
     transform: translateX(-50%) !important;
+  
+  }
+  html[dir=rtl] .navbar .dropdown-menu {
+   
+    left: 80% !important;
+    
 }
 }
 /*============================end navbar======================*/
@@ -1927,8 +1935,8 @@ line-height: 18px;
 .personalDetails{
   padding: 22px 12px;
 }
-.personalDetails form{
-  max-width: 520px;
+.personalDetails form {
+  max-width: 100%;
 }
 .public_input{
   background: #F5F5F5;
@@ -2135,9 +2143,10 @@ gap: 36px;
   padding: 0;
   height: 100%;
   justify-content: space-between;
+  min-height: 100%;
 }
 .account .acount_content{
-
+flex: 1;
 }
 .account .linksAccount{
   background: #F5F5F5;
@@ -2145,6 +2154,7 @@ border-radius: 10px;
 padding: 16px 0px 26px 26px;
 max-width: 300px;
 width: 100%;
+height: 100%;
 }
 html[dir=rtl] .account .linksAccount{
   padding: 16px 26px 26px 0px;
@@ -2185,6 +2195,9 @@ color: white;
 .Profile{
   flex: 1;
 }
+.Profile .next {
+  margin-top: 110px;
+}
 /*orders*/
 
 .account .orders .titleOrder {
@@ -2383,30 +2396,35 @@ background-color: transparent;
   flex-wrap: wrap;
   gap: 30px;
 }
-.changePass .part{
-  
+.changePass .part {
+  flex: 1;
 }
 .changePass .part h2{
   font-size: 16px;
 line-height: 21px;
 margin-bottom: 16px;
 }
-.changePass .part form{
-  display: flex;
-  flex-direction: column;
-  width: 240px;
-  gap: 12px;
+.changePass .part form {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: 12px;
+    height: 100%;
+    flex: 1;
 }
 .changePass .part form input{
 width: 100%;
+max-width: 300px;
 }
-.changePass button{
+.changePass button {
   width: 180px;
-height: 46px;
-align-self: flex-end;
-border: none;
-font-size: 16px;
-line-height: 21px;
+  height: 46px;
+  align-self: flex-end;
+  border: none;
+  font-size: 16px;
+  line-height: 21px;
+  margin-top: auto;
+  margin-bottom: 28px;
 }
 /*end changePass*/
 @media(max-width:992px){
@@ -2425,6 +2443,11 @@ line-height: 21px;
  
   margin: auto;
 }
+.account .linksAccount {
+ 
+  max-width:100%;
+ 
+}
 }
 @media(max-width:768px){
 .orders  .checkout_steps .part {
@@ -2447,8 +2470,7 @@ line-height: 21px;
 }
 @media(max-width:600px){
   .account .linksAccount {
-   
-    max-width: 230px;
+    max-width: 100%;
     width: 100%;
 }
 .account .linksAccount ul li a p {
@@ -2533,7 +2555,7 @@ margin-bottom: 20px;
 }
 .forget .btn_page{
   
-  width: 80%;
+  width: 72%;
   margin: 52px auto 0px;
  font-size: 16px;
 }
diff --git a/orders.html b/orders.html
index 480432c..09cf19f 100644
--- a/orders.html
+++ b/orders.html
@@ -67,6 +67,8 @@
         </div>
       </div>
     </nav>
+
+    
     <section class="account container">
       <div class="linksAccount">
         <ul>
diff --git a/profile.html b/profile.html
index 4698456..115d9c3 100644
--- a/profile.html
+++ b/profile.html
@@ -125,10 +125,10 @@ <h2 class="cart_title2">Personal Details</h2>
                   <input type="email" class="form-control public_input" id="inputemail" placeholder="Email" value="doniaaelwazery@gmail.com">
                 </div>
                
-               
+                <button type="submit" href="" class="next ">Save</button>
               </form>
            </div>
-              <button type="submit" href="" class="next ">Save</button>
+              
         </div>
       </div>
     </section>