1 files changed, 22 insertions, 13 deletions
diff --git a/html/app/views/components/user-management.php b/html/app/views/components/user-management.php
index dd38396..02a439e 100644
--- a/html/app/views/components/user-management.php
+++ b/html/app/views/components/user-management.php
@@ -1,33 +1,42 @@
 <div class="user">
 
-    <div class="btn-group js-visitor">
+    <div class="dropdown js-visitor">
         <button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-            <i class="fa-regular fa-user"></i>
+            <i class="fa fa-regular fa-user"></i>
             Διαχείριση Λογαριασμού
             <span class="caret"></span>
         </button>
         <ul class="dropdown-menu">
-            <li><a href="/login">Είσοδος</a></li>
-            <li role="separator" class="divider"></li>
-            <li><a href="/register">Εγγραφή</a></li>
-            <li><a href="/reset-password">Επαναφορά password</a></li>
+            <li><a class="dropdown-item" href="/login">Είσοδος</a></li>
+
+            <li><hr class="dropdown-divider"></li>
+
+            <li><a class="dropdown-item" href="/register">Εγγραφή</a></li>
+            <li><a class="dropdown-item" href="/reset-password">Επαναφορά password</a></li>
         </ul>
     </div>
 
-    <div class="btn-group js-subscriber">
+    <div class="dropdown js-subscriber">
         <button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
             Διαχείριση Λογαριασμού <span class="caret"></span>
         </button>
         <ul class="dropdown-menu">
-            <li><a href="/profile">Διαχείριση Προφίλ</a></li>
-            <li><a href="/courses">Ύλη μαθημάτων</a></li>
-            <li><a href="/payments">Πληρωμές</a></li>
-            <li role="separator" class="divider"></li>
-            <li><a href="/logout">Έξοδος</a></li>
+            <li><a class="dropdown-item" href="/profile">Διαχείριση Προφίλ</a></li>
+            <li><a class="dropdown-item" href="/courses">Ύλη μαθημάτων</a></li>
+            <li><a class="dropdown-item" href="/payments">Πληρωμές</a></li>
+            
+            <li><hr class="dropdown-divider"></li>
+
+            <li><a class="dropdown-item" href="/logout">Έξοδος</a></li>
         </ul>
     </div>
     
 </div>
 
 
-
+<script>
+    // default: hide subscriber's menu
+    [].forEach.call(document.querySelectorAll('.js-subscriber'), function (el) {
+            el.style.display = 'none';
+    });
+</script>