From 202961b8c53d2d9e6668e91c4de546df34dcc2be Mon Sep 17 00:00:00 2001
From: CodeNamedRobin <robinvandijke2002@gmail.com>
Date: Tue, 2 Jan 2024 14:04:29 +0100
Subject: [PATCH] Removed commented code and reduced some more css

---
 src/views/LoginView.vue          | 67 +++++++-------------------------
 src/views/SingleUserView.vue     | 28 -------------
 src/views/TermsOfServiceView.vue |  1 -
 src/views/TransactionsView.vue   |  1 -
 4 files changed, 15 insertions(+), 82 deletions(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 1b07c4d2..0831d563 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -3,7 +3,12 @@
     <main class="flex flex-column flex-grow-1 text-center mx-auto my-7 max-w-21rem">
       <img class="max-h-9rem block mx-auto my-0" src="@/assets/img/bier.png" alt="logo"/>
       <div class="text-900 text-5xl mt-0 mx-auto mb-2 w-full">{{ $t('login.SudoSOS Login') }}</div>
-      <Button id="login-gewis-button" @click="loginViaGEWIS" severity="success">
+      <Button
+        id="login-gewis-button"
+        @click="loginViaGEWIS"
+        severity="success"
+        class="my-3 mx-auto w-full flex justify-content-center align-items-center"
+      >
         <img class="max-h-2rem py-1 mr-3" src="@/assets/img/gewis-branding.svg" alt="GEWIS"/>
         {{ $t('login.Login via GEWIS') }}
       </Button>
@@ -18,7 +23,7 @@
               v-bind="username"
               size="large"
               name="username"
-              class="input-field"
+              class="w-full pt-2 pb-0 pl-1 h-4rem"
               :class="{ 'p-invalid': loginForm.errors.value.username }"
           />
           <label :class="{ 'contains-text': username.modelValue }" for="username"
@@ -38,18 +43,22 @@
               v-bind="password"
               size="large"
               name="password"
-              class="input-field"
+              class="w-full pt-2 pb-0 pl-1 h-4rem"
               :class="{ 'p-invalid': loginForm.errors.value.password }"
           />
           <label :class="{ 'contains-text': password.modelValue }" for="password"
           >{{ $t('login.Password') }}
           </label>
-          <smal class="p-error">
+          <small class="p-error">
             <i v-if="loginForm.errors.value.password" class="pi pi-exclamation-circle"/>
             {{ loginForm.errors.value.password }}
-          </smal>
+          </small>
         </span>
-        <Button type="submit" id="login-button">
+        <Button
+          type="submit"
+          id="login-button"
+          class="my-3 mx-auto w-full flex justify-content-center align-items-center"
+        >
           {{ $t('login.Login') }}
         </Button>
         <div class="text-900 underline" @click="resetPassword">
@@ -153,44 +162,6 @@ const toHomeView = () => {
 <style scoped lang="scss">
 //TODO Fix the amount of css used related to #14 and #29
 
-form {
-  display: flex;
-  flex-direction: column;
-}
-
-h1 {
-  max-width: 350px;
-  width: 100%;
-  margin: 0 auto;
-  font-size: 2.5rem;
-  margin-bottom: 1.5rem;
-}
-
-#login-image {
-  max-height: 150px;
-
-  display: block;
-  margin: 0 auto;
-}
-
-main {
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  max-width: 350px;
-  margin: 4rem auto;
-}
-
-.p-button {
-  margin: 1rem auto;
-  max-width: 350px;
-  width: 100%;
-  max-height: 38px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .p-error {
   display: block;
   font-size: 12px;
@@ -205,14 +176,6 @@ main {
   line-height: 12px;
 }
 
-.input-field {
-  width: 100%;
-  padding-top: 18px;
-  padding-left: 12px;
-  padding-bottom: 0;
-  height: 60px;
-}
-
 .p-float-label label {
   top: 30%;
   margin-top: 0;
diff --git a/src/views/SingleUserView.vue b/src/views/SingleUserView.vue
index 74f89d5e..76b6cb85 100644
--- a/src/views/SingleUserView.vue
+++ b/src/views/SingleUserView.vue
@@ -131,32 +131,4 @@ const getUserMutations = async (take: number, skip: number) :
 </script>
 
 <style scoped lang="scss">
-//form {
-//  display: flex;
-//  flex-direction: column;
-//}
-//
-//.update-button {
-//  margin-top: 10px;
-//  width: fit-content;
-//}
-//
-//#userBalance {
-//  width: 20rem;
-//  height: 20rem;
-//}
-//
-//.row {
-//  display: flex;
-//  flex-direction: row;
-//  justify-content: space-between;
-//  width: 100%;
-//  margin-bottom: 10px;
-//  margin-top: 10px;
-//}
-//
-//.content-wrapper {
-//  display: flex;
-//  flex-direction: column;
-//}
 </style>
diff --git a/src/views/TermsOfServiceView.vue b/src/views/TermsOfServiceView.vue
index 3e50e19a..a1f3f7c2 100644
--- a/src/views/TermsOfServiceView.vue
+++ b/src/views/TermsOfServiceView.vue
@@ -67,7 +67,6 @@ const handleLogout = () => {
 </script>
 
 <style scoped lang="scss">
-//@import '../styles/BasePage.css';
 
 .checkbox {
   margin-right: 1rem;
diff --git a/src/views/TransactionsView.vue b/src/views/TransactionsView.vue
index 5f542fb8..ef7da5dd 100644
--- a/src/views/TransactionsView.vue
+++ b/src/views/TransactionsView.vue
@@ -50,5 +50,4 @@ const getUserMutations = async (take: number, skip: number)
 </script>
 
 <style scoped lang="scss">
-//@import '../styles/BasePage.css';
 </style>