From 0c0464ea5a9c41ac793b895bea00a3d90081eb75 Mon Sep 17 00:00:00 2001
From: Owen Guillot <olivierguillot@Owens-MacBook-Pro.local>
Date: Tue, 21 Mar 2023 14:27:23 +0000
Subject: [PATCH 1/2] styled accounts page

---
 src/pages/AccountPage.vue | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/pages/AccountPage.vue b/src/pages/AccountPage.vue
index 6d6ec24..1eaa881 100644
--- a/src/pages/AccountPage.vue
+++ b/src/pages/AccountPage.vue
@@ -4,25 +4,25 @@
 <p v-if="this.user">Your Email: {{ this.user.email }}</p>
 <div>
     <h3>Send a password reset email</h3>
-    <input @click="resetPasswordEmail()" type="submit" name="" value="Send Password reset email">
+    <button @click="resetPasswordEmail()" type="submit" name="" value="Send Password reset email" class="button">Send Password Reset Email</button>
 
     <h3>Enter your current password to edit account settings</h3>
     <input v-if="showCurrentPassword" type="text" v-model="currentPassword" placeholder="Enter existing password">
     <input v-else type="password" v-model="currentPassword" placeholder="Enter existing password">
-    <button @click="this.showCurrentPassword = !this.showCurrentPassword">Eye</button>
+    <button @click="this.showCurrentPassword = !this.showCurrentPassword" class="eye-button">Eye</button>
 
     <h3>Change email</h3>
     <input type="email" v-model="newEmail" aria-describedby="emailHelp" placeholder="Enter new email">
-    <input @click="updateUserEmail()" type="submit" name="" value="Update Email">
+    <button @click="updateUserEmail()" type="submit" name="" value="Update Email">Update email</button>
 
     <h3>Change password</h3>
     <input v-if="showNewPassword" type="text" v-model="newPassword" placeholder="Enter new password">
     <input v-else type="password" v-model="newPassword" placeholder="Enter new password">
-    <button @click="this.showNewPassword = !this.showNewPassword">Eye</button>
-    <input @click="updateUserPassword()" type="submit" name="" value="Update Password">
+    <button @click="this.showNewPassword = !this.showNewPassword" class="eye-button">Eye</button>
+    <button @click="updateUserPassword()" type="submit" name="" value="Update Password">Update Password</button>
 
     <h3>Delete account</h3>
-    <input @click="deleteUserAccount()" type="submit" name="" value="Delete Account">
+    <button @click="deleteUserAccount()" type="submit" name="" value="Delete Account">Delete Account</button>
 
     <h3>Delete map filter preferences data</h3>
     <button @click="deleteUserPreferences()">Delete preferences</button>
@@ -198,4 +198,27 @@ export default {
 </script>
 
 <style scoped>
+button {
+  background-color: blue;
+  color: white;
+  padding: 10px 20px;
+  border-radius: 5px;
+  border: none;
+  margin: 10px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+button:hover {
+  background-color: darkblue;
+}
+
+button:focus {
+    outline: none;
+}
+
+.eye-button {
+  background-color: grey;
+}
+
 </style>
\ No newline at end of file

From 4aea89ae19b2c50deb0ee91b68bc986e93ca58c2 Mon Sep 17 00:00:00 2001
From: Andrew <a.hayes18@nuigalway.ie>
Date: Tue, 21 Mar 2023 14:55:26 +0000
Subject: [PATCH 2/2] fix premature eyeballation

---
 src/pages/AccountPage.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/AccountPage.vue b/src/pages/AccountPage.vue
index 00e0f50..305d084 100644
--- a/src/pages/AccountPage.vue
+++ b/src/pages/AccountPage.vue
@@ -9,10 +9,10 @@
     <h3>Enter your current password to edit account settings</h3>
     <input v-if="showCurrentPassword" type="text" v-model="currentPassword" placeholder="Enter existing password">
     <input v-else type="password" v-model="currentPassword" placeholder="Enter existing password">
-    <div id="imgDiv1">
-        <img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show">
-        <img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword">
-      </div>
+    <!-- <div id="imgDiv1"> -->
+    <!--     <img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show"> -->
+    <!--     <img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword"> -->
+    <!--   </div> -->
 
     <h3>Change email</h3>
     <input type="email" v-model="newEmail" aria-describedby="emailHelp" placeholder="Enter new email">
@@ -22,10 +22,10 @@
     <input v-if="showNewPassword" type="text" v-model="newPassword" placeholder="Enter new password">
     <input v-else type="password" v-model="newPassword" placeholder="Enter new password">
 
-    <div id="imgDiv2">
-        <img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show">
-        <img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword">
-      </div>
+    <!-- <div id="imgDiv2"> -->
+    <!--     <img v-if="showPassword" id="eyeImg" src="../assets/314858_hidden_eye_icon.png" @click="this.showPassword = !this.showPassword" alt="show"> -->
+    <!--     <img v-else id = "eyeImg" src="../assets/315220_eye_icon.png" @click="this.showPassword = !this.showPassword"> -->
+    <!--   </div> -->
     <input @click="updateUserPassword()" type="submit" name="" value="Update Password">
 
     <h3>Delete account</h3>
@@ -250,4 +250,4 @@ button:focus {
 #eyeImg:hover{
   transform: scale(1.3);
 }
-</style>
\ No newline at end of file
+</style>