diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 24928a22cdfe9d82ca01779c0f7c473191639909..9492006c982c0d72f356f0e2b2965bfba9cabc68 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -8,7 +8,7 @@ import IntroKomponens from "@/components/intro-komponens.vue";
 import {ref} from "vue";
 import BrowseKomponens from "@/components/browse-komponens.vue";
 // import loggedIn from "@/components/login-komponens.vue"
-const isNotLoggedIn = ref(false);
+const isNotLoggedIn = ref(true);
 
 function setStatus(status){
   isNotLoggedIn.value = !status;
@@ -19,7 +19,7 @@ function setStatus(status){
 
 <template>
   <header>
-    <HelloWorld msg="TechnoCool NoteStore" @status="setStatus" />
+    <HelloWorld msg="TechnoCool NoteStore" @status="(value) => setStatus(value)" />
   </header>
   <div v-if="isNotLoggedIn">
     <main>
diff --git a/frontend/src/components/HelloWorld.vue b/frontend/src/components/HelloWorld.vue
index 8f86236a152c9113b187c9da444ceb1de26c967d..89d71210d650a3b7b0efff3889dd0475a7aa0c51 100644
--- a/frontend/src/components/HelloWorld.vue
+++ b/frontend/src/components/HelloWorld.vue
@@ -22,7 +22,7 @@ defineProps({
 <!--    </h3>-->
 <!--    <div class="space"></div>-->
     <div class="login">
-      <LoginKomponens @status="(value) => this.$emit('status', value)" />
+      <LoginKomponens @status="(value) => $emit('status', value)" />
     </div>
   </div>
 </template>
diff --git a/frontend/src/components/browse-komponens.vue b/frontend/src/components/browse-komponens.vue
index 4f8cd7259bcb6e1df3a1472f82f26dc20d1f29c5..e42c64b477e1a3777cabc5a7cb0c4a3c672f11b6 100644
--- a/frontend/src/components/browse-komponens.vue
+++ b/frontend/src/components/browse-komponens.vue
@@ -79,10 +79,10 @@ function downloadFile(filename) {
     <main class="browse">
       <ul class="browse-list">
         <li class="module">Modul 1</li>
-        <li @click=getDocumentDetails(0)>Szofttech ead 1</li>
-        <li @click=getDocumentDetails(1)>Szofttech ead 3</li>
+        <li @click=getDocumentDetails(0) class="note">Szofttech ead 1</li>
+        <li @click=getDocumentDetails(1) class="note">Szofttech ead 3</li>
         <li class="module">Modul 2</li>
-        <li>Másik jegyzet</li>
+        <li class="note">Másik jegyzet</li>
       </ul>
     </main>
     <main>
@@ -117,6 +117,12 @@ li {
   padding: 2px;
 }
 
+.note:hover {
+  cursor: pointer;
+  color: lightseagreen;
+  background-color: #1f2c2c;
+}
+
 .browse, .note-page {
   border: 1px solid lightseagreen;
   padding: 5px;
diff --git a/frontend/src/components/login-komponens.vue b/frontend/src/components/login-komponens.vue
index ededf248adf3c030c81c33171ae5ed1f9e475daa..4a8c64c42e47f6712e4b2e3d455a074b64bdcf05 100644
--- a/frontend/src/components/login-komponens.vue
+++ b/frontend/src/components/login-komponens.vue
@@ -44,9 +44,9 @@ function login(){
   loggedIn.value = !loggedIn.value
 
   if(loggedIn.value){
-    //Itt lesz a kitalált user (Gipsz Jakab, keksz) aki megpróbál bejelentkezni
     loginUser({username: 'gipja', password: 'keksz'}, function(response) {
-      userName.value = response
+        userName.value = response
+      //Itt lesz a kitalált user (Gipsz Jakab, keksz) aki megpróbál bejelentkezni
     })
     btnText.value = "Kijelentkezés"
   } else {
@@ -61,7 +61,7 @@ function login(){
 <template>
   <div class="wrapper">
     <h2 class="user">{{userName}}</h2>
-    <button class="grow" @click="login" >{{btnText}}</button>
+    <button class="grow" @click="login(); $emit('status', loggedIn)">{{btnText}}</button>
   </div>
 </template>
 
@@ -90,6 +90,7 @@ button:hover{
   background-color: #224c49;
   color: lightseagreen;
   border-color: lightseagreen;
+  cursor: pointer;
 }
 
 button:active {