Change show password icon back to OG state

FullstackProsjekt/src/frontend/src/views/LoginView.vue

@@ -20,7 +20,7 @@
 					</div> <br>
 
 					<label class="error-message">{{errorMsg}}</label><br>
-          <p> Don't have a account?</p><router-link to="/signup" id="signUpLink">SIGNUP!</router-link>
+					<p> Don't have an account?</p><router-link to="/signup" id="signUpLink">SIGNUP!</router-link>
 				</div>
 			</div>
 
@@ -99,15 +99,20 @@ export default {
 	display: inline-block;
 	min-width: 300px;
 }
+
+.password-input input {
+	padding-right: 40px;
+}
+
 .showPasswordIcon {
 	position: absolute;
-	top: 50%;
 	right: 10px;
 	transform: translateY(-50%);
 	border: none;
 	background: none;
 	cursor: pointer;
 }
+
 #signUpLink {
 	color: var(--option-color);
 	padding: 10px;

FullstackProsjekt/src/frontend/src/views/PlayQuizView.vue

@@ -155,8 +155,8 @@ export default {
       <div v-if="showPopup" class="popup">
         <p>{{ popupMessage }}</p>
       </div>
-      <button v-if="hasAnswered" @click="nextQuestion">{{buttonText}}</button>
-      <button v-if="!hasAnswered" @click="submitAnswer">Submit</button>
+      <button class="play-quiz-btn" v-if="hasAnswered" @click="nextQuestion">{{buttonText}}</button>
+      <button class="play-quiz-btn" v-if="!hasAnswered" @click="submitAnswer">Submit</button>
     </div>
   </div>
 	</body>
@@ -230,7 +230,7 @@ h1#title {
 
 }
 
-button {
+.play-quiz-btn {
 	background-color: var(--option-color);
 	color: var(--text-light-color);
 	font-size: 18px;
@@ -242,7 +242,7 @@ button {
 	transition: background-color 0.3s ease;
 }
 
-button:hover {
+.play-quiz-btn:hover {
 	background-color: var(--option-hover);
 }